Search
Items tagged with: SVG
🌨️ Want to add snowflakes to your website?
I created this for a friend in pure SVG and CSS (no JS), so feel free to use it!
Simply copy and paste the <input>, <label> and <svg> elements into the <body> of any webpage (thanks @juliemoynat for the accessibility guidance).
timothee.goguely.com/code/stem… (click on the checkbox and wait for it)
Concave rounded shape (real transparency, no covers) on @codepen codepen.io/thebabydino/pen/KwM…
`clip-path`/ `mask` on the image have no idea about the dimensions of corner elems. We need another way to create the shape taking into account how those elements are resized by text reflow.
No magic numbers and no media/ container queries. Instead, we use #subgrid to add the cutout areas to a frame and on #SVG filters to round the shaped frame & to extract just the shaped image.
