Published On Jun 7, 2024
Let's explore CSS keyframe animations by animating my SVG logo intro loader as well as a repeating background scroller. We'll learn about SVG properties like defs and mask as well as how to use the @keyframe keyword in CSS to animate different properties like SVG attributes and CSS properties.
// CLONE IT
👯♀️ https://try.webflow.com/cloneable-is-...
// FREE resources
✂️ Code Snippet Library: https://code-snippets-sign-up.webflow...
🤝 CSS Nobody Told You About: https://www.webbae.net/css-nobody-tol...
🚗 Roadmap to learn Webflow: https://www.webbae.net/roadmap-to-lea...
🧱 Build faster with my component library: https://webbae.net/components
// Premium content
🤝 Patreon: / webbae
🕸️ Advanced Webflow Course (201): https://www.webbae.net/product/webflo...
// GSAP Discounts
🎢 Get 10% GSAP: WEBBAE10
♣️ Creative Coding Club (My favorite GSAP lessons): https://www.creativecodingclub.com/bu...
// Connect
🙋♀️ Join the Discord: / discord
🐥 Follow Me! / webisbae