![Haz on X: "Here's a nice trick to create drop shadows on containers with overflow elements like arrows. Instead of using the CSS box-shadow property, you can use: filter: drop-shadow(0 3px 3px Haz on X: "Here's a nice trick to create drop shadows on containers with overflow elements like arrows. Instead of using the CSS box-shadow property, you can use: filter: drop-shadow(0 3px 3px](https://pbs.twimg.com/media/E8QWCf8X0AArsGf.png:large)
Haz on X: "Here's a nice trick to create drop shadows on containers with overflow elements like arrows. Instead of using the CSS box-shadow property, you can use: filter: drop-shadow(0 3px 3px
![Faahim on X: "Quick #SVG tip: #CSS box-shadow works on content *box*, so it only applies shadow to the surrounding box of SVG content. To apply shadow on SVG *content*, use CSS Faahim on X: "Quick #SVG tip: #CSS box-shadow works on content *box*, so it only applies shadow to the surrounding box of SVG content. To apply shadow on SVG *content*, use CSS](https://pbs.twimg.com/media/Db36pv0VwAA2_fk.png:large)
Faahim on X: "Quick #SVG tip: #CSS box-shadow works on content *box*, so it only applies shadow to the surrounding box of SVG content. To apply shadow on SVG *content*, use CSS
![filter: drop-shadow` property gets mangled in compiled CSS when using external scoped CSS · Issue #3312 · vercel/next.js · GitHub filter: drop-shadow` property gets mangled in compiled CSS when using external scoped CSS · Issue #3312 · vercel/next.js · GitHub](https://user-images.githubusercontent.com/3394202/33049327-275cc750-ce25-11e7-8936-153e4a5acc1b.png)