CSS3 ile daire çizmek

CSS3 ile resim kullanmadan daire çizmek mümkün.

CSS Kodumuz:

CSS3 ile resim kullanmadan daire çizmek mümkün.

CSS Kodumuz:

.daireclass {
 background-color: #c06;
 height: 150px;
 -moz-border-radius:75px;
 -webkit-border-radius: 75px;
 width: 150px;
}

HTML Kodumuz:

<div class="daireclass"></div>

Sonuç:

https://yazilimsinifi.files.wordpress.com/2013/01/1_735.jpg

Daha farklı şeylerde deneyebilirsiniz.

Örnek (Kenarlıklı Daire)

.daireclass {
 background-color: #c06;
 border: 3px solid #333;
 height: 150px;
 -moz-border-radius:75px;
 -webkit-border-radius: 75px;
 width: 150px;
}

Sonuç:

https://yazilimsinifi.files.wordpress.com/2013/01/2_627.jpg

Reklamlar

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Connecting to %s