Simple CSS Text Animation Effect

This is a very small, simple project to re-create a commonly used fade-in/fade-out text animation effect in css and javascript. A flash example of the animation effect required is in the attached file.

The effect should take a line of plain text and fade it in, letter by letter, until the full line of text is revealed. The letters then fade out in the same order they appeared. It will be used on a webpage and must be cross browser (recent versions of Firefox, Chrome, Safari and MSIE).

All that is needed is javascript or jquery code that seperates the letters and performs the individual animations. The code should be commented to indicate variables than can be changed to adjust fade speed, delay, number of lines and text content or css selector. The lines of text should display in sequence and then return to the start, in a loop.

Evner: CSS, HTML, Javascript, jQuery / Prototype

Se mere: text animation css, css animation effect, text animation jquery, flash 9 animation, animation on line, animation effect in css, text content, javascript css animation, javascript animation, effect, animation javascript, simple javascript project example, jquery css content, create effect, javascript animations, effect javascript, simple chrome, number selector javascript, plain css, chrome simple, text animation create, sequence animation, code small animation, simple javascript animation, animation fade

Om arbejdsgiveren:
( 22 bedømmelser ) Liverpool, United Kingdom

Projekt ID: #4073154

Tildelt til:


Hi! i'm interested in it

$80 USD på 1 dag
(66 bedømmelser)

5 freelancere byder i gennemsnit $86 på dette job


Hi, Please see your private msg TY

$100 USD in 2 dage
(46 bedømmelser)

Hello, I can make that. Thanks, Alex

$100 USD in 7 dage
(18 bedømmelser)

looking forward to do this for you check the demo in PMB

$30 USD in 0 dage
(53 bedømmelser)

hello dear, I have seen your swf file and I have totally understand what to do. just waiting for your award.

$120 USD in 2 dage
(17 bedømmelser)