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

5 reasons your JSON fails to parse (and how to fix each one)

If a parser throws Unexpected token , the cause is almost always one of five things. 1. Trailing comma JSON does not all

0dev.to

Your AI Portal Is Online. Is It Actually Ready for Users?

A custom AI portal can be technically online and still feel unfinished. That gap is more common than it sounds. The rout

0dev.to

"Stop shouldn't mean close: ending a live-caption session in a Manifest V3 extension without losing the last sentence"

I maintain a browser extension that shows live captions (and translated captions) on top of any tab: a video, a livestre

0dev.to

Marketplace Email API Deliverability: A Go Guide to Suppression Evidence

A marketplace needs to stop sending welcome messages to invalid seller addresses without treating every delivery failure

0dev.to

Friday Squid Blogging: Pacific Flying Squid Populations Dropping in Korean Waters

Climate change is the issue . As usual, you can also use this squid post to talk about the security stories in the news

0Schneier on Security

On Rails — Marco Roth: Teaching Rails to Read Its Own Template

Marco Roth , independent consultant and the creator of Herb and ReActionView , joins Robby to talk about teaching Rails

0Ruby on Rails

Animated Pride Flags

Related posts

5 reasons your JSON fails to parse (and how to fix each one)

Your AI Portal Is Online. Is It Actually Ready for Users?

"Stop shouldn't mean close: ending a live-caption session in a Manifest V3 extension without losing the last sentence"

Marketplace Email API Deliverability: A Go Guide to Suppression Evidence

Friday Squid Blogging: Pacific Flying Squid Populations Dropping in Korean Waters

On Rails — Marco Roth: Teaching Rails to Read Its Own Template