Unpopular opinion: CSS art looks better when you ditch box-shadow for clip-path

I was at the CSS Art Jam in Portland last month and watched someone spend 45 minutes tweaking box-shadows for a feather effect when I knocked out the same thing with 3 clip-path polygons in 10 minutes, so which approach actually gives you more control without bloating your code?

1 comments

1 Comment

ben_shah936d ago

45 minutes tweaking box-shadows for a feather effect" oh man that hits way too close to home. I once spent an entire Saturday trying to get a single drop shadow to look like a realistic water droplet and ended up with something that looked more like a melted gummy bear. Clip-path just makes you feel like a wizard compared to that mess. Plus every time I try to do multiple box-shadows my brain turns into spaghetti trying to keep track of all those layers. Your clip-path feather probably looked cleaner too without all that weird overflow nonsense.