Kolejność właściwości

Właściwość border-radius stosuje się zgodnie z ruchem wskazówek zegara: górny lewy → górny prawy → dolny prawy → dolny lewy

Właściwości skrócone

• • border-radius: 10px; - Stosuje się do wszystkich czterech rogów
• • border-radius: 10px 20px; - Pierwszy stosuje się do górnego lewego i dolnego prawego, drugi do górnego prawego i dolnego lewego
• • border-radius: 10px 20px 30px; - Pierwszy stosuje się do górnego lewego, drugi do górnego prawego i dolnego lewego, trzeci do dolnego prawego
• • border-radius: 10px 20px 30px 40px; - Stosuje się do górnego lewego, górnego prawego, dolnego prawego i dolnego lewego w kolejności

Wskazówki dotyczące użytkowania

• • Użyj 50%, aby stworzyć idealne koło
• • 4-8px jest zazwyczaj dobre dla przycisków
• • 8-16px jest powszechne dla kart i paneli
• • Asymetryczny promień może tworzyć unikalne efekty projektowe