/* head news*/ /* batas akhir head news*/
/*-------headline news--------*/
/*-------batas akhir headline news--------*/

Rabu, 13 Februari 2013

Membuat Efek Bayangan pada Teks dengan CSS

Mempercantik tampilan artikel, cara membuat evek banyangan di artikel blog kita.
text-shadow: 0px 1px 0px #fff;
 
ini hanyalah contoh ya, untuk belajar lebih jauh coba lihat dibawah ini  
0px : offset-x
1px : offset-y
0px : blur
#fff :white
 

contoh penulisan :
.post h2{
font-size:22px;
font-family: Arial, sans-serif;
color:#333;
margin:10px;
text-shadow: 0px 1px 0px #fff;
}

Beberapa contoh text shadow dan opsi offsetnya

Efek Bayangan dengan CSS3 (text-shadow: 0px 1px 0px #fff;)

Efek Bayangan dengan CSS3 (text-shadow: 0px -1px 0px #8f883b;)

Efek Bayangan dengan CSS3 (text-shadow: -1px -1px 0px #8f883b;)

Efek Bayangan dengan CSS3 (text-shadow: -1px -1px 2px #145F74;)
sekian artikel tentang : Mempercantik tampilan artikel

Tidak ada komentar:

Posting Komentar