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.
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.
Today you will have a great session with the lovely Alejandra who wil be giving you lots to think about in regards to Photoshop, image optimisation and much more :)
And to give you something to work with for your newly learnt methods - here's a little project which we will soon expand upon.
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!