CSS Köşe Yarıçapı Oluşturucu
CSS border-radius'u canlı önizlemeyle görsel olarak tasarlayın ve üretime hazır kodu kopyalayın.
border-radius: —;
%100 gizli — her şey tarayıcınızda çalışır. Hiçbir şey yüklenmez.
CSS Köşe Yarıçapı Oluşturucu Hakkında
CSS Border Radius Generator, yumuşak yuvarlatılmış kartlardan organik blob şekillerine kadar her şeyi hazırlar. Köşe tutamaçlarını doğrudan önizleme üzerinde sürükleyin veya her köşeyi sayısal olarak ayarlayın — her köşenin ayrı yatay ve dikey yarıçaplara sahip olduğu tam sekiz değerli sözdizimi dahil. İşte bu ikinci eksen yumurta, yaprak, gözyaşı damlası ve blob şekillerinin kilidini açar.
Bir köşe-bağlama anahtarı, klasik tek tip yuvarlatma için tüm dört köşeyi senkronize tutarken, bağlantıyı kaldırmak her köşeyi asimetrik şekiller için serbest bırakır. On iki hazır ayar — rounded, pill, circle, squircle, iki blob, leaf, egg, arch, teardrop, petal ve wave — özelliğin neler yapabileceğini gösterir; bir rastgeleleştirme düğmesi ise sonsuz taze organik şekiller üretir.
Birimi değiştirebilir, tasarımınıza uyacak şekilde öğeyi ve tuvali yeniden renklendirebilir, sade border-radius değerini veya tam bir CSS kuralını kopyalayabilirsiniz. Araç %100 istemci taraflıdır — hiçbir şey yüklenmez.
CSS Köşe Yarıçapı Oluşturucu Nasıl Kullanılır
- Önizlemedeki köşe tutamaçlarını sürükleyin veya her köşeyi ayrı ayrı düzenlemek için "Tüm köşeleri bağla"yı kapatın.
- Organik, blob benzeri şekiller için her köşe için yatay ve dikey yarıçapı ayarlayın.
- Biriminizi seçin ve bağlamda önizlemek için öğe ve arka plan renklerini ayarlayın.
- Hazır ayarları deneyin — pill, squircle, blob, leaf, teardrop ve daha fazlası — veya rastgeleleştirmeye basın.
- border-radius değerini veya tam CSS'i kopyalayın.