Text shadows adalah salah satu properties pada css dimana kita bisa memberikan efek bayangan pada tulisan yang kita sisipkan, pada artikel kali ini kita akan mencoba membuat efek tulisan menjadi 3D dengan properties text shadows.

Oke langsung saja teman teman pertama buka editor masing masing lalu buat sebuah file ber ekstensi html, contoh index.html, lalu ketikan script berikut :

Capture1

Setelah itu kita masuk ke pengaturan css nya, untuk membuat efek dari tulisan h1 yang kita buat menjadi berefek 3D,

Teman-teman ketikan script berikut:

css

Lihat pada bagian property text-shadows, baris pertama sampai baris ke delapan adalah pengaturan dari ketebalan text-shadows yang kita buat, jika teman-teman sudah mengetik script di atas maka hasilnya akan seperti berikut :

Capturel

WhatsApp chat