Cara Membuat Efek TEXT SHADOW 3D REVERSE

Catatan:

Semua kode CSS sesuaikan dengan layout dan selera masing-masing mulai dari warna background, font, font color, font-size, font-style, text shadow style, warna dan lain-lainnya.

Ini efek tiga dimensi yang terakhir. Ini adalah hasil akhirnya:

Dan kode-kode gradasi warna dimulai dari warna merah gelap sampai ke warna merah originalnya. Dan ini merupakan salah satu efek yang saya paling suka.

h1 {

font-family: arial narrow;

font-size: 180px;

font-weight: bold;

color: #580000;

text-align: center;

letter-spacing: -2px;

text-shadow:

0 1px #580000;

0 2 px #600000;

0 3 px #680000;

0 4 px #700000;

0 5 px #780000;

0 6 px #800000;

0 7 px #880000;

0 8 px #900000;

0 9 px #A00000;

0 10 px #A80000;

0 11 px #B00000;

0 12 px #B80000;

0 13 px #C00000;

0 14 px #C80000;

0 15 px #D80000;

0 16 px #D00000;

0 17 px #E80000;

0 18 px #E00000;

0 19 px #F80000;

0 20 px #FF0000;

0 21 px #FF9000;

0 22 px 12px #FFCC00;

0 22 px 18px #FFFF66;

0 22 px 24px  #FFFF33;

0 22 px 30px  #FFFF00;}

That’s all...