Cara Membuat Efek TEXT SHADOW 3D DownRight


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.

Downright merupakan sebuah efek tiga dimensi dengan tumpukan gradasi warna hijau dari terang ke gelap dan diakhiri oleh warna blur hitam sebagai dasar. Sekali lagi, kunci untuk membuat efek tiga dimensi adalah susunan warna gradasi sebanyak yang diperlukan baik dari warna-warna terang ke gelap atau sebaliknya.

Berikut adalah kode CSSnya:

h1 {
font-family: arial narrow;
font-size: 180px;
folor: #00D800;
font-weight: bold;
text-align: center;
letter-spacing: -2px;
text-shadow:
            1px 1px #00D000;
            2px 2px #00C800;
            3px 3px #00C000;
            4px 4px #00B800;
            5px 5px #00B000;
            6px 6px #00A800;
            7px 7px #00A800;
            8px 8px #009800;
            9px 9px #009000;
            11px 11px #000000;

Ini hasil akhirnya:

downright text shadow






No comments:

Post a Comment