CSS3 Özellikleri

CSS3 Özellikleri

CSS3, CSS'nin en yeni standardıdır. CSS3, önceki CSS sürümleriyle tamamen geriye dönük olarak uyumludur. 
 

En önemli CSS3 modüllerinden bazıları şunlardır:

  • Seçiciler
  • Kutu Modeli
  • Arka Planlar ve Sınırlar
  • Resim Değerleri ve Değiştirilen İçerik
  • Metin Efektleri
  • 2D / 3D Dönüşümler
  • Animasyonlar
  • Çoklu Sütun Düzeni
  • Kullanıcı arayüzü

 
Seçiciler Örnek

 .css3ornekSecici:active {
    background-color: yellow;
} 

Örnek link

CSS3 Yuvarlak Köşeler
CSS3 border-radiusözelliği ile herhangi bir öğeye "yuvarlak köşeler" verebilirsiniz.
 
 

#yuvarlakKose{
    border-radius: 25px;
    background: #f00;
    padding: 20px; 
    width: 200px;
    height: 200px; 
}

border-radiusMülk için yalnızca bir değer belirlerseniz , bu yarıçap tüm dört köşeye uygulanır.

Bununla birlikte, isterseniz her köşeyi ayrı ayrı belirtebilirsiniz. 
border-radius:15px 10px 5px 20px;

Örnek Kullanım

 

 

.farkliYuvarlakKoseler{ 
border-radius: 15px 50px 30px 5px; 
background: #73AD21; 
padding: 20px; 
width: 200px; 
height: 150px; 
}