1 min read

Tech Snippet #CSD

Welcome to the #CSD Tech Snippet 🏳️‍🌈 🏳️‍⚧️

Animated Pride Flags

Joshua Comeau created a great article on how to create an animated pride flag in React using CSS keyframe animations and linear gradients. The flag is animated and configurable in terms of segments, waveform and has two variants rainbow 🏳️‍🌈 and trans 🏳️‍⚧️.

Animated Pride Flags
Happy Pride month! In this tutorial, I’ll share a handful of my favourite animation tricks. You’ll learn how to build an animated wavy pride flag using CSS keyframes and linear gradients. We’ll also see how to make it dynamic using React. 🏳️‍🌈

Thank you for reading and have a wonderful day ☀️