For anyone wondering why in Beelzebub's name use an #SVG #filter instead of a `drop-shadow()`...🤷‍♀️

Well, a plain `drop-shadow()` can't create a gradient or outline shadow, a strictly inner shadow, can't apply blending & compositing between shadow layers, can't restrict them to a certain area or tile them. It's about being able to have more control in order to be ale to do more and cooler things.

#css #svgWish #responsive #responsivity #viewport #code #coding #frontend #webDev #webDevelopment

#SVG got left behind.💔

I'm not talking just about the many, many bugs or about all the annoying browser inconsistencies.

I'm also talking about the fact that I can't do some of the stuff that's basic in CSS, like specifying a shadow's offsets/ blur *relative to `font-size`*.😭

#css #svgWish #responsive #responsivity #viewport #code #coding #frontend #svgFilter #webDev #webDevelopment #graphical #effect

#SVG comes with so many cool features, but bringing that power to #CSS is so broken unless you don't need responsivity.

clip-path: path() is an example https://css-tricks.com/unfortunately-clip-path-path-is-still-a-no-go/

Another is when toying with lighting - x,y spotlight position can't use % values, just unitless numbers.

#coding #frontend #svgWish #cssWish #svgFilter #cssFilter #clipping #lighting #svgLighting #svgPath #webDev #webDevelopment #codingFrustrations

Unfortunately, clip-path: path() is Still a No-Go | CSS-Tricks

I was extremely excited when I first heard that clip-path: path() was coming to Firefox. Just imagine being able to easily code a breathing box like the one

CSS-Tricks

#SVGwish: to be able to have markers at the end of dashes (so also for `circle`, `rect`)

Because sometimes you'd like to have an arrow line go along a rounded `rect` without having to emulate that shape with a `path`. 🥺

Same shape, but 1st (`rect`) is easier to write/ understand.

#svg #coding #frontend #webDev #webDevelopment