Some favorite site feeds aggregated locally: iPhone Development RSS   Adobe Labs RSS   Macrumors RSS

Wednesday, May 28, 2008

"My media is rich" text effect

Wednesday, May 28, 2008   

I'm a sucker for various types of string manipulations when presented in visually rich Flash sites/applications. If done right, they can really dress up something that might otherwise be a little boring.

A paragraph of text for instance, presented on the "my media is rich" website (coming soon™) is pretty interesting. Roll over the About Us or Contact Us links on the menu bar to see what I mean.

This is just as interesting as the standard typewriter effect or random text unscramble (train station display character flipping). Since I haven't seen this used yet before, it's a little fresh still. 

So I decided I'd like to code up a class that mimics this same treatment. You can see the effect below.


There are a few ways to accomplish the task. Mine runs a little slower by choice, but that's super easy to control. I am actually offsetting the effect line to line too, so the last line finishes a hair later than the rest.

This is a class that I could clean up and release, but I am guessing it's not all that hard to code up for yourself. It's really just about timers, some formatting and string manipulation.

Labels: ,

 
Comments:

There are currently 1 Comments:

Anonymous 5566 said...
“Interested in animation with CSS? It's quite fun. I've tried it before. I'm a sucker for text animation too. group94's site are really inspiring to me.”