Mamas Topik Paling Ganteng
h3 { color:#ebbe89; text-shadow: 1px 1px 0 #da8d3e, 2px 2px 0 #da8d3e, 3px 3px 0 #da8d3e, 4px 4px 0 #da8d3e, 5px 5px 0 #da8d3e, 6px 6px 0 #da8d3e, 6px 6px 15px #000; /*Bayangan Hitam untuk Sentuhan Akhir*/ }Namun hasil tampilan di atas sepertinya kurang tepat dan tidak alami. Hal ini terjadi alasannya yaitu di sini kita hanya menggunakan dua level warna teks saja:
(Buat level-level warnamu sendiri di sini). Untuk membuat efek teks tiga dimensi dengan hasil tampilan yang lebih alami, setidaknya kau harus menerapkan tiga level warna teks: level 1 dipakai untuk warna teks dasar, level 2 dipakai untuk warna sisi horizontal (offset-X), dan level 3 dipakai untuk warna sisi vertikal (offset-Y) menyerupai ini:
Mamas Topik Paling Ganteng
h3 { color:#ebbe89; /*Level 1*/ text-shadow: 1px 0px 1px #da8d3e, /*Level 2*/ 0px 1px 1px #6d4d18, /*Level 3*/ 2px 1px 1px #da8d3e, /*Level 2*/ 1px 2px 1px #6d4d18, /*Level 3*/ 3px 2px 1px #da8d3e, /*Level 2*/ 2px 3px 1px #6d4d18, /*Level 3*/ 4px 3px 1px #da8d3e, /*Level 2*/ 3px 4px 1px #6d4d18, /*Level 3*/ 5px 4px 1px #da8d3e, /*Level 2*/ 4px 5px 1px #6d4d18, /*Level 3*/ 6px 5px 1px #da8d3e, /*Level 2*/ 5px 6px 1px #6d4d18, /*Level 3*/ 7px 6px 1px #da8d3e, /*Level 2*/ 6px 7px 1px #6d4d18, /*Level 3*/ 7px 6px 7px #000; /*Bayangan Hitam untuk Sentuhan Akhir*/ }Dalam instruksi di atas sanggup kau lihat bahwa nilai offset diatur berselingan secara bergantian pada masing-masing tingkatan offset, hal ini untuk memastikan bahwa masing-masing warna bayangan (level 2 dan 3) akan terlihat satu per satu:
Sumber https://www.dte.web.id/