View profile

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
CSS Animation Weekly - Issue #24 - Mirror effects, inspiration and more
By CSS Animation Weekly • Issue #24 • View online
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
Mirror Effect
Mirror Effect
Codrops presents another stunning visual effect, this time animating two images to create a mirrored background.
tympanus.net  •  Share
Inspiration
With a few divs and some shadow, this is a nifty 3D effect from Christian Östman.
codepen.io  •  Share
Navigation bar that sticks as you scroll - handy!
codepen.io  •  Share
This animation doesn’t seem like much at first, but soon a fractal emerges 🐉
codepen.io  •  Share
Delicious hover animation in this Canvas example
codepen.io  •  Share
Super cute Mario-esque 
codepen.io  •  Share
An other-worldy effect from this CodePen animation built with overlapping circles
codepen.io  •  Share
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.
orbit.ai  •  Share
20 Best CSS Animations [frameworks] on CodeCanyon
20 Best CSS Animations [frameworks] on CodeCanyon
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.
code.tutsplus.com  •  Share
Did you enjoy this issue?
CSS Animation Weekly

CSS Animation Weekly is a roundup of all the latest CSS animation articles and inspiration. Subscribe now and never miss an issue.

If you don't want these updates anymore, please unsubscribe here
If you were forwarded this newsletter and you like it, you can subscribe here
Powered by Revue