border-radius
Köşeleri yuvarlatır. Her köşeye ayrı, hatta yatay ve dikey yarıçapa ayrı değer verilebilir.
Katalogdaki 7.272 efekt bu özelliği kullanıyor.
Sözdizimi
border-radius: <sol-üst> <sağ-üst> <sağ-alt> <sol-alt> / <dikey değerler>;Dikkat
Eğik çizgiden önceki değerler yatay, sonrakiler dikey yarıçapı belirler. Organik blob şekilleri tam olarak bu ayrımdan doğar.
Sık kullanılan değerler
999px- Hap şekli — yüksekliğin yarısından büyük her değer aynı sonucu verir
50%- Kare elemanda tam daire
60% 40% 30% 70% / 60% 30% 70% 40%- Organik damla (blob) şekli
border-radius kullanan efektler
Katalogda ara Hepsi çalışan gerçek efektler. Kartın üzerine gel, kaynağını görmek için aç.