text blur / sharp

Good Afternoon.

My client would like this text effect done on his website…

http://grassrootsweb.net/Text%20blur%20sample.mov

how can I achieve this without flash? thank you all for your help.

Julie


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

In what surrounding does the client wants to have this effect? On load or on hover? One point to seek could be CSS3 transitions like

http://www.w3schools.com/css3/css3_transitions.asp

or

http://tympanus.net/Tutorials/OriginalHoverEffects/index.html

Just a suggestion or probably a good starting point.

And what about TransitionFX and show/hide layer combined? Or is it more to be seen as movie? So http://tumult.com/hype/ could be another point.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thomas,

Good mornong, he wants it on load I have 6 sets of words that he wants to come in like thAt then have the graphic box / words clickable. I am unsure if it can be done in hype …have not seen that effect

Sent from my iPhone

On May 30, 2012, at 4:10, Thomas Kimmich email@hidden wrote:

In what surrounding does the client wants to have this effect? On load or on hover? One point to seek could be CSS3 transitions like

http://www.w3schools.com/css3/css3_transitions.asp

or

Original Hover Effects with CSS3

Just a suggestion or probably a good starting point.

And what about TransitionFX and show/hide layer combined? Or is it more to be seen as movie? So http://tumult.com/hype/ could be another point.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thomas

I think i figured something out…

Your words of Transition FX inspired me.

I created a blur of the words in pixelmator and then did a initially hide - appear
then the words _ delayed by 1 and same settings… with a white background

http://grassrootsweb.net/qstorm/

any other tweak suggestions would be appreciated…

Julie

On May 30, 2012, at 4:10 AM, Thomas Kimmich wrote:

In what surrounding does the client wants to have this effect? On load or on hover? One point to seek could be CSS3 transitions like

http://www.w3schools.com/css3/css3_transitions.asp

or

http://tympanus.net/Tutorials/OriginalHoverEffects/index.html

Just a suggestion or probably a good starting point.

And what about TransitionFX and show/hide layer combined? Or is it more to be seen as movie? So http://tumult.com/hype/ could be another point.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
List Options | FreewayTalk


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 30 May 2012, at 13:04, Julie Maxwell Allen wrote:

I created a blur of the words in pixelmator and then did a initially hide - appear
then the words _ delayed by 1 and same settings… with a white background

http://grassrootsweb.net/qstorm/

any other tweak suggestions would be appreciated…

Pretty good! I’d suggest that they start off not quite so blurred, and take a bit more time to become sharp.

best wishes,

Paul Bradforth

Buy my eBooks at:
http://www.paulbradforth.com/books/


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

That’s what I basically thought - yes - indeed pretty cool.

I would go this way including Paul’s proposal of some slight adjustments to make it a bit more smooth and sexy.

Hype is something I do not know - and what I saw wasn’t that big that I personal miss something yet so I would not recommend anything else.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Julie,
I would keep going on the image route as this will give you the largest browser support coverage. If the browser support was better for it I would suggest using CSS animations and blur the text over time like this;
http://www.freewayactions.com/test/webkit-css-animation/

At the moment this only works in Webkit (Safari, Chrome etc) and setting the timings is a bit hit and miss but the page size in minimal and the content remains as HTML text. Certainly something to consider when browser support finally catches up.
Regards,
Tim.

FreewayActions.com - Freeware and commercial Actions for Freeway Express & Pro - http://www.freewayactions.com
FreewayStyle.com - Free Freeway templates and parts to download, use and explore - http://www.freewaystyle.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thank you Paul, Thomas and Tim.

I agree! what ever blur effect hype has - it is not IE supportive. - of course

I have changed the blur a bit on only the Broadcast media words…

Can you guys look at it and let me know if that looks “sexier”

Thanks

Julie

On May 30, 2012, at 9:10 AM, Tim Plumb wrote:

Hi Julie,
I would keep going on the image route as this will give you the largest browser support coverage. If the browser support was better for it I would suggest using CSS animations and blur the text over time like this;
Webkit CSS Animation

At the moment this only works in Webkit (Safari, Chrome etc) and setting the timings is a bit hit and miss but the page size in minimal and the content remains as HTML text. Certainly something to consider when browser support finally catches up.
Regards,
Tim.

FreewayActions.com - Freeware and commercial Actions for Freeway Express & Pro - http://www.freewayactions.com
FreewayStyle.com - Free Freeway templates and parts to download, use and explore - http://www.freewaystyle.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

What I would say is that this effect can be lost to a lot of users as it is too far down the page to be seen in its entirety.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options