Subscribe to our newsletter Feb 26, 2018 CSS Animation Weekly #83 - CSS Variable hover effects, animated fragment slideshows This week we're learning how CSS variables can be used to create some amazing hover effects, and crea CSS Animation Weekly #83 - CSS Variable hover effects, animated fragment slideshows By CSSAnimation.rocks • Issue #83 • View online This week we’re learning how CSS variables can be used to create some amazing hover effects, and creating animated fragment slideshows!♥️Donovan at CSSAnimation.rocks Articles Stunning hover effects with CSS variables Track the position of the mouse to build awesome, interactive hover effects with just 9 lines of code and two CSS variables blog.prototypr.io • Share Animated Fragment Slideshow A tutorial on how to create an experimental slideshow that animates in fragments. The slider is powered by the “Pieces” library tympanus.net • Share Featured Level Up your CSS animation skills for just $19 As the course gets closer to complete, the price will be going up. Get it now for just $19 💃🏽 courses.cssanimation.rocks • Share Inspiration Animated SVG Avatar Loads of subtle animation in this avatar as you enter your email and password ☃️ codepen.io • Share Paper Boat CSS Animation Tap the boat to see it animate ⛵️ codepen.io • Share Animation Border Handy examples of animated input borders codepen.io • Share Animation Experiment - Ripple The use of shadows and animated background colours makes this demo hypnotic 😵 codepen.io • Share Building A pure CSS animated building at night 🏢 codepen.io • Share Circular Logic Works Because... Some crazy 3D CSS transitioning! codepen.io • Share What's in the Gift? Nothing like a nice bit of Se7en reference with some Bodymovin’ animation 🐈 codepen.io • Share Radial Progress Chart - Week Activity Lovely use of D3 to create an animated Apple Watch-like health activity graph codepen.io • Share Tabs switch animations This tab changing animation is super-slick codepen.io • Share Did you enjoy this issue? By CSSAnimation.rocks CSS Animation Weekly is a roundup of all the latest CSS animation articles and inspiration. Subscribe now and never miss an issue. Tweet Share 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 Share Share to Twitter Share to Facebook Subscribe to our newsletter