Spent 6 hours trying to make a CSS-only wavy flag effect

I was working on a simple flag animation for a dev demo and thought I could knock it out in 20 minutes with some transform: skew() tricks. Six hours later I finally got a smooth ripple by layering 5 separate gradient masks with different animation delays. Has anyone else spent way too long on what seemed like a simple CSS art effect?

2 comments

2 Comments

robinl9015d ago

Is it really that deep though?

elizabeth_chen16d ago

I used to roll my eyes at people obsessing over CSS art, but then I spent a whole weekend tweaking a single box-shadow until it looked like stained glass. Totally get it now.