Effect Tulisan 3D dengan CSS3
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.
Posted by Girant_31
on 23.18. Filed under
Css,
Tips n Trik
.
You can follow any responses to this entry through the RSS 2.0.
Feel free to leave a response
thx sob sharenya,,,bagus2....
hanya dan selalu bilang..mantafffff...!!!
kunjungan malam
css ini buat macem macem ya
info baru nich
thank's sob
sukses selalu
luar biasa...!
saya gak ada pikiran sampe disana
*kayanya calon master baru nih, hahaha!
woh kodenya cuma dikit yah..... tinggal copas aja brarti,simple
@3824568980426209069.0
Makasih mas..
@3060178595160910362.0
Terimakasih mas..
@5529955158433751509.0
Terimakasih atas kunjungan nya..
@8072275369552327664.0
Amiiiiiiin..
@1361242158179618572.0
Untuk yg sekarang sih simple mas..
ga kya yg kmarin2...
met pagi sob
berkunjung nich...
terima kasih
eh bisa miring gtu tulisannya
kerennn 3Dnya
jd enasaran nih ama situs barumu. judulnya xxx y? huhuy
wow...
kyk di TV2
@1517648863739674540.0
makasih mas....
sama2....
@2433432516398493440.0
masa sih mas????
waaaaa kerennya @_@ (speachless mode on)
met malam sob
malam jum'at pahing nich...
matur nuwun.
Selalu mantep nih artikelnya.
Keren deh.
Tapi kalo pake cara ini, bakalan berat gak loading Blognya?
Sip bro.
Keren banget nih.
Bener2 beda.
pagi sob
mampir nich mo minta air minum....
terima kasih
@639491806998079350.0
Matur nuwun jg mas..
mf bru skarang ane komf..
Makasih mas atas kunjungan nya..
@162497541894507994.0
Beda itu biasa loh mas kata org2 mah.. :D
@4102561972182183036.0
Insya Allah ga mas..
Ini hanya pemanggilan CSS az dan tanpa menggunakan gambar..
dan ini lah kelebihan dari CSS mas..
@4099268449349932340.0
Oh silahkan mas..
disini banyak air ko mas.. hehe..