KakaoTalk içinde oturum açma ve dosya kaydetme engellidir. Tüm özellikleri kullanmak için sayfayı Safari ile açın.
LINE içinde oturum açma ve dosya kaydetme engellidir. Tüm özellikleri kullanmak için sayfayı Safari ile açın.
Menü (⋯) düğmesine dokunup bu sayfayı Safari veya Chrome'da açın. Oturumu orada açabilirsiniz.
Her köşeyi istediğiniz gibi yuvarlayın, CSS'ini alın.
CSS
border-radius: 20px;
Her köşe
Köşeleri ayarlayın, Çalıştır'a basın, burada birikirler.
Bir gölgeyi görsel olarak ayarlayın, CSS'ini kopyalayın.
İki veya daha fazla renkten bir gradyan oluşturun, CSS'ini kopyalayın.
Bir animasyon hız eğrisini (cubic-bezier) görsel olarak şekillendirin, CSS olarak kopyalayın.
Bir konuşma balonu kuyruğu veya bir tarafta başka bir öğeye tam bitişik oturması gereken bir kart için dört köşe kaydırıcısını bağımsız olarak ayarlayın. Sol üst, sağ üst, sağ alt ve sol alt her biri kendi başına ayarlanabilir.
Üstteki tek vurgulanmış 'tüm köşeler' kaydırıcısını sürükleyin, dört köşe de birlikte eşleşmek üzere değişir. Tekdüze bir yarıçapa sahip butonlar veya kartlar için yararlı, böylece dört kaydırıcıyı elle aynı sayıya itmeniz gerekmez.
Önizleme panelinin üst köşesindeki renk noktalarına tıklayın, arka planını değiştirin, aynı yarıçapı farklı tonlara karşı görün. Bu noktalar yalnızca önizleme sahnesinin rengini değiştirir — gerçek CSS çıktısını etkilemez.
Dört köşeyi de aynı anda aynı değere ayarlamak için vurgulanmış 'tüm köşeler' kaydırıcısını kullanın.
Farklı köşeler için sol üst, sağ üst, sağ alt ve sol alt kaydırıcılarını ayrı ayrı ayarlayın.
Sürüklerken önizleme şeklinin ve CSS kod kutusunun birlikte güncellendiğini izleyin.
Geçerli değerleri bir kart olarak kaydetmek için Çalıştır'a basın, sonra kopyalayın, indirin veya kitaplığınıza kaydedin.
Dört köşe de eşitse, 20px gibi tek bir değer çıkarır. Bir tanesi bile farklıysa, sol üst, sağ üst, sağ alt, sol alt sırasıyla dördünü de yazar — bu, sağ üstten saat yönünde değil, CSS spesifikasyonunun tanımladığı sıradır.
Tam bir daire veya hap şekli, gerçek öğenin kısa kenarının en az yarısı kadar bir değere ihtiyaç duyar, bu da o öğenin boyutuna bağlıdır — araç bunu bilmez, bu yüzden sayınızı CSS'in gerçekte uygulanacağı boyuta göre seçin.
Üç renk noktası yalnızca önizleme sahnesinin arka planını değiştirir, böylece şeklin açık ve koyu tonlarda nasıl okunduğunu görebilirsiniz — kopyaladığınız veya indirdiğiniz border-radius satırı hangisi seçili olursa olsun tamamen aynı kalır.