Cara Membuat Efek TEXT SHADOW CHROME

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.

Diberi nama Chrome karena warna yang dipilih lebih cenderung ke warna-warna chrome. Seperti terlihat pada gambar, hasil duplikat teks dibuat zig-zag dengan nilai +X/-X dan +Y/-Y yang berbeda-beda dan tentunya dengan warna teks shadow yang berbeda pula. Dan yang terakhir adalah shadow dari semua teks yang dibuat sedikit blur dengan warna hitam.

Kode CSS yang digunakan adalah:

h1 {                                                    

color: #B8B8B8;                                

font-family: helvetica;

font-size: 180px;

font-weight: bold;

text-align: center;

letter-spacing: -13px;

text-shadow:

            -5px 30px #989898,

            5px 60px #808080,

-10px 90px #686868,

10px 100px 20px #000000;}

Final Image