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
#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.
Ana Tudor 🐯