Untitled attachment

Notices where this attachment appears

1. Embed this notice
   Ana Tudor 🐯 (anatudor@mastodon.social)'s status on Monday, 07-Oct-2024 17:37:32 JST Ana Tudor 🐯

   #tinyCSStip Simplest circle sector in 4 CSS declarations!

   1⃣ set width to desired diameter
   2⃣ square element with aspect-ratio
   3⃣ turn square into disc
   4⃣ 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