I just tried again and it worked! Sorry to have bothered you with that! I did have an error at the time but must have been something wrong on my end.

*miss how concise the SVG version is

Yeah definitely, i wonder if it was just an easier path forward to make something new than wading into all the complexities off SVG. I slightly appreciate the increased readability but wish how concise the SVG version is

path-to-shape.netlify.app had the same thought so made this, pretty basic but does the job

Don't think you need a label on a nav so they gotta be removing it. Amazing

+1 to what ALA said, but also capitalise applies to every word, where as proper title case excludes things like 'of'/'or' etc

Thank you!

Sorry to pick this up weeks later but was just thinking about it. In this situation I think it's because it's an svg element being animated with svg animation (rather than an html element being animated with css). But good to know that works! Can probably revisit somethings with that in mind

Safari doesn't apply SVG filters if any of the children are animated, which in practise is limiting that you basically can't use svg filters anywhere for anything 😭
codepen.io/matthewmoret...

I feel like there's a lot of people who have to write css, but dont want view it as part of their job or craft, it's just something they have to do. So I can see why they wish it was smaller and simpler. Cant relate cause CSS is my favourite bit, I hope they never stop adding more

codepen.io/matthewmoret... The fake volume version

3D Transforms never render as nicely as I hope. Interesting you can get much nicer rendering on the edges if you fake the volume.
Becomes more of a hassle to make the sides a different colour, which even if you go through has it's own list of rendering problems