View profile

CSS Animation Weekly #120

Codevember is here and there is so much going on in web animation. Checkout how to create an amazing
CSS Animation Weekly #120
By CSSAnimation.rocks • Issue #120 • View online
Codevember is here and there is so much going on in web animation. Checkout how to create an amazing fullscreen hover loop effect, and how to add personality to a web page using CSS animations.
♥️
Donovan at CSSAnimation.rocks

Articles
Fullscreen Hover Loop Effect
Fullscreen Hover Loop Effect
A fullscreen loop effect that shows a fast preview of images when hovering a special menu item.
tympanus.net  •  Share
From Ordinary to Extraordinary with CSS Animations
From Ordinary to Extraordinary with CSS Animations
A tutorial on how CSS animations using SVG can bring a sign-on portal to life, step by step
medium.marqeta.com  •  Share
Featured
Level Up your CSS animation skills? No! Don't buy yet!
Level Up your CSS animation skills? No! Don't buy yet!
Thinking of buying my wonderful, friendly and helpful course on adding CSS animation to your web projects? Think again! I have two big updates this week. Stay tuned on Twitter for the updates (one has to to with Black Friday, hint hint)
courses.cssanimation.rocks  •  Share
Inspiration
Carrot
Carrot
A fresh #Codevember carrot -
codepen.io  •  Share
Draggable "Jelly" fish 🐡🐟😅
Draggable "Jelly" fish 🐡🐟😅
The animation on drag on this fish is so cute, try dragging it around!
codepen.io  •  Share
Flashlight effect at haunted house
Flashlight effect at haunted house
Oooh - it seems Halloween isn’t over yet. The scene descends into darkness and you can explore the scene using a mouse-controlled flashlight
codepen.io  •  Share
Kitty Kitty
Kitty Kitty
Aww. A super-cute CSS kitty! 😻
codepen.io  •  Share
Kinetic Type
Kinetic Type
Wow, some crazy text effect here
codepen.io  •  Share
CSSimon
CSSimon
Every played the classic memory game, Simon? Here’s a CSS-based recreation of the classic game
codepen.io  •  Share
Text clipping and perspective parallax
Text clipping and perspective parallax
Gorgeous effect here using text clipping
codepen.io  •  Share
Infinity Carousel
Infinity Carousel
Bookmark this one for when you need a handy animated carousel! (Or, you can also see my version in my video course, just saying)
codepen.io  •  Share
Did you enjoy this issue?
CSSAnimation.rocks

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