Cara Membuat Efek TEXT SHADOW DoubleCut Shadow

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.

Double Shadow. Efek ini menggunakan dua layer dan memberi kesan seolah-olah terpotong. Untuk membuat efek ini, layer yang kedua harus memiliki warna yang sama dengan beackgroundnya: #808080. Buat efek terpotongnya bisa keatas, samping atau yang lainnya. Dan, menggeser shadow jangan terlalu besar nilainya. Nanti malah efek terpotongnya hilang. Disini yang dipakai hanya sebesar 2px kekanan dan kebawah. Untuk layer bawahnya beri warna yang lebih gelap dari warna layer yang paling atas (Teks paling atas).

Berikut adalah kode-kode CSSnya:

h1 {

font-family: arial narrow;

font-size: 220px;

color: #0000CC;

font-weight: bold;

text-align: center;

text-shadow:

            2px 2px #808080;

            10px 10px #000066;

Final Image