css, 1 month ago

💡 CSS Tip!

Create a ⭐️ Star shape using clip-path and only 5 points (instead of 10).

Three different codes to create the same shape
1⃣ Precise version using math
2⃣ Calculated version without math
3⃣ Simplified version with easier coordinates values

Demo: https://codepen.io/t_afif/full/jORvmKG via :codepen: @codepen

Online Version: https://css-tip.com/star-shape/

#CSS #HTML

three star shapes