Membuat text 3D menggunakan CSS.

Membuat text 3D menggunakan CSS atau variasi text menggunakan kode css atau lebih dikenal dengan Typhography yang biasanya digunakan oleh sobat-sobat blogger yang hobby dengan bloggazine, mereka menggunakan text 3D menggunakan css ini untuk mempercantik tampilan artikel den juga untuk mempercantik tampilan blog, pada latihan CSS kali ini kita akan menerapkan text shadow pada text, baik lah kita langsung saja berikut screen shoot untuk hasil akhir dari latihan CSS pada kesempatan kali ini, untuk lebih lengkapnya bisa lihat pada demo.

Demo

CSS :

.Three-Dee{
font-family:Arial, sans-serif;
line-height: 1em;
color:#ffffff;
font-weight:bold;font-size:134px;
text-shadow:0px 0px 0 rgb(231,231,231),1px 1px 0 rgb(216,216,216),2px 2px 0 rgb(202,202,202),3px 3px 0 rgb(187,187,187),4px 4px 0 rgb(173,173,173),5px 5px 0 rgb(158,158,158), 6px 6px 0 rgb(144,144,144),7px 7px 6px rgba(0,0,0,0.6),7px 7px 1px rgba(0,0,0,0.5),0px 0px 6px rgba(0,0,0,.2);}

HTML :

<div class="Three-Dee">3D CSS Text</div>

Demikian saja yang dapat saya sampaikan mengenai Membuat text 3D menggunakan CSS, jika terdapat kekurangan dalam penyampaian dan penulisan mohon dimaafkan, jika ada yang ingin menambahkan sangat dipersilahkan, dan jika ada pertanyaan silahkan bertanya pada kotak komentar yang telah disediakan, jika artikel ini menarik silahkan share keteman-teman Anda melalui tombol share sosial media yang telah disediakan, akhir kata terimakasih banyak atas kunjungannya semoga bermanfaat.

Share this: