Post ArTlafSCSQHuk6uPY0 by anatudor@mastodon.social
 (DIR) More posts by anatudor@mastodon.social
 (DIR) Post #ArTlafSCSQHuk6uPY0 by anatudor@mastodon.social
       2025-01-18T09:47:53Z
       
       1 likes, 0 repeats
       
       Know the animated 🌈 border + glow effect that's all the rage? It's normally done by adding an opaque cover on top of two 🌈 layers.But what if we wanted a (semi)transparent background within the border? It's possible with pure #CSS!Heavily commented on @codepen https://codepen.io/thebabydino/pen/KwPBvzo#cssGradient #conicGradient #code #web #dev #webDev #webDevlopment #frontend #coding #cssAnimation #rainbow
       
 (DIR) Post #ArTlajwpkTAWgHGvqq by anatudor@mastodon.social
       2025-01-21T12:12:49Z
       
       0 likes, 0 repeats
       
       Also on the topic of cards with gradient border & glow, I just came across such a demo on @codepen and forked it to reduce the number of #CSS declarations to about half and get rid of all nested elements and a pseudo.My fork: https://codepen.io/thebabydino/pen/jENvVvg?editors=1100Original: https://codepen.io/vedzzb/pen/KwPvNQj?editors=1100#cssGradient #code #coding #frontend #webDev #webDev #webDevelopment