Css Round ile yuvarlak köşeli kutular hazırlamak

Css Round ile yuvarlak köşeli kutular hazırlamak

Hatırlıyorsanız daha önceden yuvarlak köşeli kutular yapmayı Tek bir resim dosyası ile yuvarlak köşeli kutular yapmak başlıklı yazımda adım adım anlatmıştım. O yazıda bütün css, html kodlarını kendimiz yazıyorduk ve gerekli olan görselleri bir imaj işleme yazılımında önceden hazırlamış olmamız gerekiyordu. Fakat yeni karşılaştığım Css Round isimli web aracı, bu işlemleri birkaç tıklama sonucunda otomatik olarak yapabiliyor ve bize büyük bir zaman kazandırabiliyor.

Css Round nasıl kullanılıyor?

cssround.com adresini kullanarak web aracının sayfasına girdikten sonra aşağıdaki adımları takip etmelisiniz:

1. Corner raidus girişine oluşacak yuvarlak köşelerin yarıçap değerini giriyorsunuz. Bu değeri arttırdıkça daha oval bir köşe elde edersiniz.
2. Enter a text here girişine ise isterseniz örnek bir metin giriyorsunuz. Bu metni daha sonra değiştirebilirsiniz tabii. Veya lorem ipsum gibi şablon bir metin girebilirsiniz.
3. Round Color, Background Color ve Text Color bölümlerinden ise sırasıyla yuvarlak görsellerin rengini, kutunun arkaplan rengini ve 2. adımdaki metnin rengini ayarlıyorsunuz.
4. Size of content girişine ise oluşacak kutunun genişlik değerini giriyorsunuz.

Bu 4 basit adımı tamamladıktan sonra Generate butonuna tıklayarak kutunuzun son halini yeni bir sayfada görebilirsiniz artık. Açılan bu yeni sayfanın altındaki Download it bağlantısına tıklayarak Css Round aracının oluşturduğunu yuvarlak köşeli kutuyu bilgisayarınıza zip dosyası olarak indirebilirsiniz.

Css Round ile hazırladığım örnek bir yuvarlak köşeli kutu

Ben bu web aracını gerçekten çok pratik buldum. Bakalım siz de beğenecek misiniz?

Eburhan Yazmış Bende Ondan Habersiz Burda Yayınlıyorum aman kimse söylemesin.Orijinali burda