Subscribe to our newsletter By subscribing, you agree with Revue’s Terms and Privacy Policy. May 1, 2017 CSS Animation Weekly #40 - SVG Line Morphing, WebGL spirals, prototyping and more This week we're learning how to animate our carousel steps, experimenting with WebGL scroll effects, CSS Animation Weekly #40 - SVG Line Morphing, WebGL spirals, prototyping and more By CSSAnimation.rocks • Issue #40 • View online This week we’re learning how to animate our carousel steps, experimenting with WebGL scroll effects, and reading how animation can help our prototyping.♥️Donovan at CSSAnimation.rocks Articles SVG Line Morphing Transition A very slick SVG animation for showing the transition between steps on a carousel. www.uiplease.com • Share WebGL Scroll Spiral Quite trip background effects created using WebGL (compatible browsers only). Scroll to see them twist and spiral. tympanus.net • Share Prototyping mobile UI animations: 5 inspiring examples Learn how and why we should be prototyping our animations, along with some great examples. uxplanet.org • Share Featured Ready to level up your CSS? As a thank you for being a CSS Animation Weekly reader, you can save 10% on the course from Donovan Hutchinson. (Use discount code weekly01) courses.cssanimation.rocks • Share Inspiration Moon Rocks 🌚 An example of how Rellax.js can be used to create parallax effects on scroll. cssanimation.rocks • Share Keys ⌨️ Subtle hover animation on this 3D keyboard rendered using HTML and CSS. codepen.io • Share Pure CSS Vinyl Playing animation Purse CSS animation of a record emerging and spinning up ⏺ codepen.io • Share explodal 💥 This modal is just hilarious! Try it out 💥 jessekorzan.github.io • Share Flux Capacitor ⚡🚗💨 A nifty 3D animated flux capacitor from the Back to the Future movies. Try dragging it around. codepen.io • Share cog link with CSS variables (WebKit only) Tidy example of how to use CSS variables in creating a spinning cog animation. codepen.io • Share Animation in the real world Michele Angeloro – Interactive Digital Experiences The work of Interactive Art Director and Designer Michele Angeloro. www.eien.tokyo • 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 By subscribing, you agree with Revue’s Terms and Privacy Policy.