Easter Fun with CSS Animations
24 March 2016

Easter Fun with CSS Animations

As almost all modern browsers now support a wide range of CSS3 features it's become more feasible to use some of the advanced features in everyday websites.

One of the really fun things introduced in CSS was pure CSS animations. These are animation effects that require no javascript (except perhaps to trigger the start of the animation as in the examples below). These CSS animations are generally smoother than pure javascript animation as the animation logic is built into the browser itself.

There is quite a lot you can do with just pure CSS. We've set up some examples below. Just hover over each picture to see each type of animation in action. As with all animation it's important to use this sparingly on a website or things can just look crazy. But used in the right place it can add a lot of impact to a site.


© 2016 Webfuel Limited. All Rights Reserved.

Get A