Cara Membuat Efek TEXT SHADOW Daylight

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.

Efek ini dibuat dengan sedikit trik pada properti warna layer pertama. Sesuai dengan temanya, sengaja dimunculkan efek yang sangat panas sehingga seolah-olah ada bias cahaya dari panasnya matahari yang mucul pada layer kedua. Kuncinya, adalah pada layer pertama, yaitu warna fontnya, yang dibuat transparan dan pada layer kedua tambahkan properti blur sebesar 90px dengan warna yang sama. Berikut adalah hasil dari dari efek daylight text-shadow:

Dan kode-kode CSSnya sebagai berikut:

h1 {

color: transparent;

font-family: helvetica;

font-size: 250px;

font-weight: bold;

letter-spacing: -12px;

text-align: center;

text-shadow:

            0 0 90px #FFFF00;

            0 0 #FF3300;

            0 010px #000000;

            0 12px 12px #000000;