Cara Membuat Efek Tiga Dimensi pada Tulisan Blog

Cara Membuat Efek Tiga Dimensi pada Tulisan Blog

Tutorial Blog-CSS mengenai cara membuat efek 3D (Tiga Dimensi) pada tulisan di blog dapat dilakukan dengan memanfaatkan CSS. Dengan Efek tiga dimensi pada tulisan dapat membuat tampilan blog menjadi semakin menarik karena tercipta variasi di antara tulisan-tulisannya. Bagi anda yang tertarik ingin menerapkan efek 3D pada tulisan blog anda silahkan ikuti cara berikut ini.

1. Copy Paste kode di bawah ini sebelum anda menulis tulisan yang ingin anda beri efek bayangan atau 3D

<h1 style=" color: #ff8000; font-size: 30px; text-align: center; text-height: font-size; text-shadow: 1px 0px #ccc, 0px 1px #ccc, 2px 1px #ddd, 1px 2px #bbb, 3px 2px #ddd, 2px 3px #bbb, 4px 3px #ddd, 3px 4px #bbb, 5px 4px #ddd, 4px 5px #bbb, 6px 5px #ddd, 5px 6px #bbb, 7px 6px #ddd, 6px 7px #bbb, 8px 7px #ddd, 7px 8px #bbb, 8px 8px #ddd;"> EFEK 3D PADA BLOG DENGAN CSS </h1>

Maka akan terlihat seperti tampilan di bawah ini

EFEK 3D PADA BLOG DENGAN CSS

Keterangan: Ganti tulisan yang berwarna merah (EFEK 3D PADA BLOG DENGAN CSS) dengan tulisan yang ingin anda beri efek 3D.

2. Copy Paste kode berikut ini untuk tipe lain dari efek 3D pada tulisan di blog.

<h4 style="text-shadow: 1px 0px #ccc, 0px 1px #ccc, 2px 1px #ddd, 1px 2px #bbb, 3px 2px #ddd, 2px 3px #bbb, 4px 3px #ddd, 3px 4px #bbb, 5px 4px #ddd, 4px 5px #bbb, 6px 5px #ddd, 5px 6px #bbb, 7px 6px #ddd, 6px 7px #bbb, 8px 7px #ddd, 7px 8px #bbb, 8px 8px #ddd; font-size: 50px; color: #666; text-align:center; text-height:font-size;">Belajar Html Lengkap</h4>

Hasilnya akan seperti tampilan di bawah ini.

Belajar Html Lengkap

Keterangan: Ganti tulisan yang berwarna merah (Belajar Html Lengkap) dengan tulisan yang ingin anda beri efek 3D.

Demikian postingan saya mengenai cara membuat efek text-shadow pada tulisan di blogspot yang bisa saya share kali ini. Mudah-mudahan dapat memberikan manfaat bagi anda dalam berkreasi di dunia blogging. Terima kasih atas perhatiannya dan saya senang sekali apabila ada yang bersedia memberikan komentar pada postingan saya kali ini. Sampai jumpa di postingan saya selanjutnya. Salam...