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

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?