CSS3 introduces the transition property, which adds some new behaviors that we used to only be able to do with JavaScript or Flash. I’ve been using transitions on this site for a long time, to add a cool fading color-change when you hover over any links. You can find tons of resources on the Web about the property, specifically the syntax.
#elementID { transition: target-property, duration, timing-function; } |
Of course, vendor prefixes are necessary, and from what I can tell it only works in Webkit browsers (like Safari and Chrome), but I’m not here to write a blog about a CSS3 property (plenty of that nonsense already all over the Web). I want to discuss the timing functions, because it’s become very stylish to just blow off the mathematics of Web design and development. Let’s make math sexy again, and fail miserably…