CSS Animation Weekly - Issue #24 - Mirror effects, inspiration and more

This week we learn how to create some nifty mirror effects, check out some 3D CSS animations and see how simply HTML and CSS can be used to create some cool demos.

♥️

Donovan at CSSAnimation.rocks

Articles

Codrops presents another stunning visual effect, this time animating two images to create a mirrored background.

Inspiration

With a few divs and some shadow, this is a nifty 3D effect from Christian Östman.

Navigation bar that sticks as you scroll - handy!

This animation doesn't seem like much at first, but soon a fractal emerges 🐉

Delicious hover animation in this Canvas example

Super cute Mario-esque

An other-worldy effect from this CodePen animation built with overlapping circles

Animation in the real world

Aside from offering a very cool service, this website's use of subtle (and a little nerdy) animations helps them stand out.

If you're looking for Tutsplus has put together a big list of frameworks and tools you can plug into your project, including image hover effects, pre-loaders and more.