Technology, Data and Science

Design the Web: CSS Animated Rollovers

Learn to create animated rollovers with CSS3. Animated rollovers are an easy way to enhance the user experience of your website, without adding more markup to your page, or working with JavaScript. Author Chris Converse shows how to change the color and typography of your rollovers using different CSS properties, add and animate pseudo-elements, and animate clip properties of absolute-positioned elements. The exercise files are free to all members, so download them and get started enhancing your website today.

Learn More