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

Promotions at One Employer: How ATS Parses Stacked Roles

You were promoted twice at the same company, and the ATS now says you had three employers, two of them called "Senior So

0dev.to

SQL Server Statistics Explained: Why Your Query Plans Go Wrong

Originally published at SQL & Cloud Lab . This post was drafted with AI assistance. When a query suddenly picks a terrib

0dev.to

What is a headless CMS? A plain-English guide for business owners

Most web jargon makes simple concepts sound intimidating. Headless CMS is a classic example. When agency leads or develo

0dev.to

Migrating a Backbone.js app to React without a rewrite: Web Components as the bridge

How I moved a Backbone.js and Marionette product toward React micro-frontends one screen at a time, using Web Components

0dev.to

[] is valid JSON. CSV still clears the output

I pasted [] into the JSON converter and expected one answer. The four formats disagreed. [] is valid JSON. It is not an

0dev.to

Everyone knew why the AI went down. The status page did not.

Three incidents, one day, one borrowed explanation. What the primary source actually said. Everyone knew why the AI went

0dev.to

Animated Pride Flags

Related posts

Promotions at One Employer: How ATS Parses Stacked Roles

SQL Server Statistics Explained: Why Your Query Plans Go Wrong

What is a headless CMS? A plain-English guide for business owners

Migrating a Backbone.js app to React without a rewrite: Web Components as the bridge

[] is valid JSON. CSV still clears the output

Everyone knew why the AI went down. The status page did not.