By Girant_31
Waduh maaf neg bt sobat semua..
Ane telat updat.. Ane Lupa neg.. :D
Langsung az dech ya..
Kali ini ane akan sedikit share tentang membuat Effect Tulisan 3D dg CSS3.
Contohnya seperti ini :
INI ADALAH CONTOH TULISAN YG DITAMPILKAN PADA EFFECT 3D INI ADALAH CONTOH TULISAN YG DITAMPILKAN PADA EFFECT 3D INI ADALAH CONTOH TULISAN YG DITAMPILKAN PADA EFFECT 3D INI ADALAH CONTOH TULISAN YG DITAMPILKAN PADA EFFECT 3D
Atau Lihat Demo nya :
Demo Effect Tulisan 3D dengan CSS3Klik disini untuk melihat demo Effect Tulisan 3D dengan CSS3
Gimana sobat semua ??
Menarik kan???
Langsung az ke cara membuatnya.
Langkah 1
Cari kode ]]></b:skin> pada halaman tata letak / rancangan edit HTML.
Letakan kode dibawah ini tepat diatasnya.
.cube {padding: 10px; width: 180px; height: 180px; margin:50px 10px 10px 10px; } .leftFace div { padding: 10px; width: 180px; height: 180px; padding:10px 10px 10px 10px; } .leftFace { -webkit-transform: skewY(30deg); -moz-transform: skewY(30deg); background-color: #ccc; }
Langkah 2
Save template dan masukan ke gudang. :D
Langkah 3
Untuk mengimplementasikan nya (jiaaah gaya).
Sobat bisa langsung menerapkan di sidebar ataupun di postingan..
Suka-suka sobat az mw dmn.
Caranya :
Masukan kode dibawah ini pada postingan ataupun di sidebar.
Hanya saja untuk menerapkan di postingan, sobat Wajib menggunakan kolom Edit HTML.
<div class="cube"> <div class="leftFace"> TULISAN YG AKAN DITAMPILKAN </div> </div>
Ganti kode TULISAN YG AKAN DITAMPILKAN dengan tulisan yg sobat inginkan.
Langkah 4
Save dan terbitkan..
Lalu lihat hasilnya.
Selesai.
Selamat mencoba dan semoga bermanfaat.
Css
,
Tips n Trik
Title Posted By On Tag Comments Subscribe |
: Effect Tulisan 3D dengan CSS3 : Agus Adi S. From Girant_31 Blog : Rabu, Juni 16, 2010 : Css , Tips n Trik : 42 People Commented : RSS Feed or leave a response for this article, Here. |
ku save dulu, sewaktu-waktu ku aplikasikan deh....tengkyu...
thank's sob
sukses selalu
saya gak ada pikiran sampe disana
*kayanya calon master baru nih, hahaha!
Makasih mas..
Thanks jg mas..
Terimakasih mas..
Iya mas..
asal masukan kode CSS nya dulu pada edit HTML.
Terimakasih atas kunjungan nya..
Sukses jg mas..
Makasih ya..
Amiiiiiiin..
Ya seperti itu mas.. hehehe..
Untuk yg sekarang sih simple mas..
ga kya yg kmarin2...
berkunjung nich...
terima kasih
kerennn 3Dnya
kyk di TV2
makasih mas....
sama2....
silahkan berkunjung mas....
ditunggu kritikannya... hehe...
masa sih mas????
neh sob... Adila.alya@yahoo.com
ntar klo udah d kirim konfrmsi k koment ya sob...
Makin canggih aja css ini
malam jum'at pahing nich...
matur nuwun.
Keren deh.
Tapi kalo pake cara ini, bakalan berat gak loading Blognya?
Keren banget nih.
Bener2 beda.
mampir nich mo minta air minum....
terima kasih
Thanks
Makasih jg mas..
Keep Silaturrahmi..
Thanks
Matur nuwun jg mas..
mf bru skarang ane komf..
Makasih mas atas kunjungan nya..
Insya Allah ga mas..
Ini hanya pemanggilan CSS az dan tanpa menggunakan gambar..
dan ini lah kelebihan dari CSS mas..
Beda itu biasa loh mas kata org2 mah.. :D
Ane tunggu ya mas..
Ok Makasih ya bt award nya..
Oh silahkan mas..
disini banyak air ko mas.. hehe..