home of the “design for the web” coursean adult course focused on webstandards based webdesign

webeyedea logo design for the web

articles tagged: animation

transitions & animations

28/02/2013 No Comments


Let’s have some more fun with CSS3 animations :) You should allow yourself some time to play and experiment.
For any future projects, however, do bear in mind that these should all be used sparingly, the icing on the cake, nothing more. It is easy to get carried away – make sure to keep on eye on page load and performance and don’t forget to check browser support.

continue reading ➤

CSS3 – transitions & animations

22/03/2012 Comments Off

Let's have some fun with CSS3 animations :) Allow yourself some time to play but for any future projects - do bear in mind that these should all be used sparingly, the icing on the cake, nothing more. It is easy to get carried away - so don't be too quick in using these techniques and bear in mind that browser support is not quite there yet.

continue reading ➤

CSS animation tool

23/06/2011 Comments Off


☞ Ceaser CSS EASING ANIMATION TOOL

Now that we can use CSS transitions in all the modern browsers, let’s make them pretty. I love the classic Penner equations with Flash and jQuery, so I included most of those. If you’re anything like me*, you probably thought this about the default easing options: “ease-in, ease-out…yawn.” The mysterious cubic-bezier has a lot of potential, but was cumbersome to use. Until now. Also, touch-device friendly!