Cara Membuat Efek TEXT SHADOW Fourshadow

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.

Pada style text-shadow ini layer yang dipakai sebanyak sembilan layer. Backgroundnya menggunakan warna biru kehitam-hitaman. Untuk teks, saya memilih warna biru original #0000DB. Untuk membuat efek terpotongnya, mulai dari layer pertama dibelakang setiap layer sampai layer gradasi biru diselingi menggunakan warna layer yang sama dengan warna backgroundnya sehingga nampak seperti terpotong. Pilihan gradasi warnanya, klik disni.

Untuk efek terang/cahayanya, pada layer terakhir gunakan font berwarna putih dengan sedikit blur.

Berikut kode-kode CSSnya:

h1 {

font-family: helvetica;

font-size: 250px;

font-weight: bold;

text-align: center:

text-shadow:

            -6px -8px #000018;

            -12px -16px #33CCCC;

            -18px   -24px #000018;

            -24px -32px #66FFFF;

            -30px -40px #000018;

            -36px -48px #99FFFF;

            -42px -56px #000018;

            -48px -62px #CCFFFF;

            -48px -63px 16px #FFFFFF;}

Final Image