İç İçe Öğelerde Kusursuz Yuvarlak Köşeler
İç içe öğelerde border-radius kullandıysanız bir şey fark etmiş olabilirsiniz. Estetik görünmeleri için iki öğenin border-radius değerleri aynı olmamalıdır. Aşağıdaki örnek, ikisi için aynı değeri kullandığınızda nasıl göründüklerini gösteriyor. Pek estetik görünmüyor! İki öğe arasındaki boşluk eşit görünmüyor ve bazı kısımlar genişliyor.
Bu görünümü düzeltmenin birkaç yolu olabilir. Bunlardan biri, daha iyi görünene kadar iç öğenin border-radius değerini dış öğeninkinin altına düşürmektir.
Ancak daha kararlı ve basit bir çözüme ihtiyacımız var. Görünümü en çok etkileyen şey iki öğe arasındaki boşluk. Bu yüzden boşluk, çözümümüzde temel rol oynar. İdeal çözüm için iki öğe arasındaki boşluk değerini dış öğenin border-radius değerinden çıkarın. Böylece iç öğe için kusursuz border-radius değerini elde edersiniz!
Bu içerik size yardımcı olduysa bana bir kahve ısmarlayabilirsiniz.
yazılım, tasarım ve yapay zeka üzerine etkileşimli yazı ve kurslardan haberdar olmak için bültene katılabilirsiniz. Ayda en fazla birkaç e-posta alırsınız.