Post AmtmvsikFV0bb4uSEC by anatudor@mastodon.social
(DIR) More posts by anatudor@mastodon.social
(DIR) Post #AmtmvpSgMlNTUON5H6 by anatudor@mastodon.social
2024-10-11T08:37:10Z
0 likes, 0 repeats
11! of my demos throughout the first @codepen trending pages!#SVG #CSS #filter #3D #svgFilter #graphicEffect #textEffects #texture #css3D #transform #code #coding #web #dev #webDev #webDevelopment #frontend
(DIR) Post #AmtmvqFbQsVdw7G9Wi by anatudor@mastodon.social
2024-10-11T09:33:19Z
0 likes, 1 repeats
The first one is this text effect that uses absolutely no images whatsoever save for #CSS gradients.Some #SVG filter magic 🪄 is responsible for the background texture and also for the 3D look of the text and its grainy gradients.https://codepen.io/thebabydino/pen/gONbppb #filter #svgFilter #texture #textEffect #textEffects #noise #cssGradient #code #coding #3D #3dText #frontend #web #dev #webDev #webDevelopment
(DIR) Post #AmtmvsikFV0bb4uSEC by anatudor@mastodon.social
2024-10-11T11:36:24Z
0 likes, 1 repeats
The second is a quick little thing I live-coded in Professor Mode on @codepen in under 15 minutes a little while back.Just like the first, it has absolutely no text duplication, not in the markup and not in pseudo content.A little #SVG #filter magic 🪄 slices and offsets it https://codepen.io/thebabydino/pen/RwmPZVR#CSS #cssGradient #svgFilter #code #coding #frontend #web #dev #webDev #webDevelopment
(DIR) Post #Amtmvu7x1GlVxXi69g by anatudor@mastodon.social
2024-10-11T13:27:21Z
0 likes, 1 repeats
The third is something I quickly made to answer a question I saw on reddit https://reddit.com/r/css/comments/1fwm87i/comment/lqg11fl/It's similar to something you can find on a lot of websites with a couple extra constraints: ✨ no extra elements, no pseudos✨ working fine on top of image background#CSS #cssGradient #mask #cssMask #code #coding #frontend #web #dev #webDev #webDevelopment
(DIR) Post #Amtn5avfFj2bJTaGwa by aral@mastodon.ar.al
2024-10-11T14:01:16Z
0 likes, 0 repeats
@anatudor In case I don’t say it enough, love your work :)
(DIR) Post #An1a05jkYgwzq3Pc5A by Mr_Teatime@social.tchncs.de
2024-10-15T07:31:26Z
0 likes, 0 repeats
@michael_stuhrah, thatcs also what I'm seeing.And after taking a screenshot, FF seemed to crash ... @anatudor @aral
(DIR) Post #An1a07AjDs7oI12flw by anatudor@mastodon.social
2024-10-15T07:53:50Z
0 likes, 1 repeats
@Mr_Teatime @michael_stuhr @aral CSS & JS got better over the past 10+ years, SVG got left behind. I'm hitting bugs in all browsers with SVG filters & hacking my way around them doesn't help with perf.Opened an interop issue https://github.com/web-platform-tests/interop/issues/756Not getting my hopes up. Some bugs have been open for 5+ years. At this point, SVG is so far behind it's going to take a huge effort to fix things. And there's no interest as long as ppl don't use it. And ppl don't use it because it's broken. 🤷♀️