I noticed this fresh and cool example of how images can be created in pure CSS3, developed by Christopher Pattle, a UK developer: The Simpons in CSS. This is a must-see!
I loved the way Christopher broke up the faces of the Simpsons heroes, and I found it impressively organised. E.g. Marge’s face is compound of 63 different DIV tags, while Ned’s moustache is made with 7 DIV tags.
Another cool technique is to create sprites in CSS3. An approach involves the combination of CSS animation plus the experimental @keyframes at-rule, that controls the frames to be rendered at a certain point of animation.
This is a cool sample on JsFiddle, that is easy to understand as its source code is shown.
Another sample was created by Anthony Calzadilla, and it represents the AT-AT Walker from The Empire Strikes Back. If you click on “View the bones!”, you’ll see how the various components work together.
I like the different effects, especially those in the Demo 1 and Demo 4 page. I think that this and other examples available on the Internet can be easily implemented in your website.