Day 3: CSS animations
On Day 3, I play with CSS animations.
I learnt about:
- CSS transitions
- Using the :hover pseudo selector effectively
- Named keyframe animations
- 3D transforms
I want to sit down and construct a few full animation demos like one of the Codrops pages one day. I want to explore 3D transforms more, and also see if I can turn some of these into reusable components one can just drop into a page.
I've added one of the hover effects to the links on this site as well.
Have a look at the source code on Github.
- Loads of other css-tricks articles. Chris Coyier is a god.