中文 English Français Русский Español العربية

Animated Pride Flags

Josh Comeau2023-06-06 19:000 views

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. 🏳️‍🌈

Keep reading.

Source：https://www.joshwcomeau.com/animation/pride-flags/

My favorites

PreviousMaking Sense of React Server Components NextNext.js 16.4

Java Memory Management Explained: Heap, Stack, Metaspace and Garbage Collection

Understanding how the JVM allocates memory, manages objects, performs garbage collection and handles memory-related prob

0dev.to

10 Ways to Use a Random Name Picker in Class

The same five hands go up. Everyone else sinks a little lower in their chairs. You know some of those quieter students h

0dev.to Tutorial

"Same as last week, but…": a standing report spec for recurring analysis requests

"Same as last week, but split by region this time." That's the whole request. If you're the person who builds the weekly

0dev.to Career

I kept running out of my Claude Code weekly limit, so I built a tool to see which model used it

If you use Claude Code a lot, you've probably seen this: the weekly limit bar creeping toward 100%, and no idea which mo

0dev.to OpenSource

3364. Minimum Positive Sum Subarray

3364. Minimum Positive Sum Subarray Difficulty: Easy Topics: Mid Level , Array , Sliding Window , Prefix Sum , Weekly Co

0dev.to Programming

What is Krydo? (And why Google keeps saying Kreedo)

If you search founder of Krydo and Google rewrites it to Kreedo , you are not alone. This post is the canonical note for

0dev.to JavaScript