Post Aml203FyubsiWMwADY by anatudor@mastodon.social
 (DIR) More posts by anatudor@mastodon.social
 (DIR) Post #Aml202U7mXbI7wXwci by anatudor@mastodon.social
       2024-10-05T14:22:06Z
       
       0 likes, 1 repeats
       
       #tinyCSStip Simplest circle sector in 4 CSS declarations!1⃣ set width to desired diameter2⃣ square element with aspect-ratio3⃣ turn square into disc4⃣ conic-gradient() magic! 🪄The start angle and sector angle can also be animated for fun results.Because someone asked https://www.reddit.com/r/css/comments/1fvo5dl/comment/lq9mtjj/#CSS #gradient #cssGradient #code #coding #frontend #web #dev #webDev #webDevelopment
       
 (DIR) Post #Aml203FyubsiWMwADY by anatudor@mastodon.social
       2024-10-05T16:32:39Z
       
       0 likes, 0 repeats
       
       #tinySVGtip You want to do it with #SVG? Here's an SVG solution too!It uses a single `circle` element inside an `svg` and less than 10 #CSS declarations, including those in keyframes! ✨ #code #coding #graphics #frontend #web #dev #webDevelopment #webDev
       
 (DIR) Post #Aml203gZJl9HqpNOeu by anatudor@mastodon.social
       2024-10-07T08:35:04Z
       
       0 likes, 0 repeats
       
       #tinyCSStip If you don't need the start angle and the sector angle to be decoupled, you can simplify things by making the sector angle depend on the start one. 💡4 base declarations + 1 simple animation = magic! 🪄All pure #css #code #coding #frontend #web #webDev #dev #webDevelopment