Ahmet Oğuz Koca

Sosyal olaylar.

CSS3'ten bugünde kullanabileceğiniz bir kaç yenilik

Yeni geliştirilen CSS3'ün iyileştirmelerinden bazılarını güncel tarayacılarda kullanabilmeniz mümkün; tarayıcılar( Chrome 1+, Firefox 3+, opera 10+, Safari 4+)

1) Transparan renk kullanımı için

.topbox {
color: rgb(235,235,235);
color: rgba(255,255,255,0.75);
background-color: rgb(153,153,153);
background-color: rgba(0,0,0,0.5);
border-color: rgb(235,235,235);
border-color: rgba(255,255,255,0.65);
}

 

2) Köşe yuvarlama (r değerini pixel cinsinden giriyoruz)

border-radius: r;
border-radius: 10px;

 

3) Text Gölgelendirme

text-shadow: x y blur color;
text-shadow: -2px 2px 10px rgba(0,0,0,.5);

 

4) Çerçeve gölgelendirme

box-shadow: x y blur color;
box-shadow: 0 0 10px rgb(0,0,0);

 

5) Çoklu arkaplan

background-image: url(astro-127531.png),url(Hubble-112993.png);


Kaynak; http://www.webdesignerdepot.com/2009/08/5-css3-design-enhancements-that-you-can-use-today/

Loading