Demos of transitions with text - how to make them work well in IE (HTML+TIME transitions).
© 2003 Patrick Schmitz, but feel free to view the source and use in your own work.

This is the ugly one, with no background-color specified.

This one still uses a transition, but by specifying a background, looks right.

This is some text that uses color animation, with no acceleration.

This is some text that uses color animation, with acceleration to adjust the pacing.
While in comparison to the fade it starts more slowly, I like it better - I think that the visual fade is spread more evenly across the duration, rather than happening in the first half of the duration.

This is a div that uses color animation, with acceleration to adjust the pacing.

The difference here is that we animate the foreground color of the div, and the text elements within the div inherit this animated color. Makes it easier to deal with larger chunks of text, with different styling. I.e., there is no need to set up multiple animations on the different elements, as long as they all share the same foreground color.

This is the ugly one, with no background-color specified.

This one still uses a transition, but by specifying a background, looks right.

This is some text that uses color animation, with no acceleration.

This is some text that uses color animation, with acceleration to adjust the pacing. While in comparison to the fade it starts more slowly, I like it better - I think that the visual fade is spread more evenly across the duration, rather than happening in the first half of the duration.

This is a div that uses color animation, with acceleration to adjust the pacing.

This is some text that uses color animation, with acceleration to adjust the pacing.
While in comparison to the fade it starts more slowly, I like it better - I think that the visual fade is spread more evenly across the duration, rather than happening in the first half of the duration.