Effect Tulisan 3D dengan CSS3 Part2
Gimana sob dg Effect Tulisan 3D dengan CSS3 yg kemarin??
Ada yg kepikiran ga gmn caranya kalow Effect Tulisan 3D dengan CSS3,
yg kemarin, skew atau bentuk nya dibalik??
Gimana caranya??
Langsung az dech ya..
Ada penambahan sedikit kode, agar tidak merusak penggunaan Effect Tulisan 3D dengan CSS3
yg kemarin.
INI ADALAH CONTOH TULISAN YG DITAMPILKAN PADA EFFECT 3D PART 2 INI ADALAH CONTOH TULISAN YG DITAMPILKAN PADA EFFECT 3D PART 2 INI ADALAH CONTOH TULISAN YG DITAMPILKAN PADA EFFECT 3D PART 2
Atau Lihat Demo nya :
Demo Effect 3D dg CSS3 Part 2Klik disini untuk melihat demo Effect Tulisan 3D dengan CSS3 Part 2
Gimana ??
Ni die sob kode yg ditambahkan nya :
Langkah 1
Pada penempatan kode diatas ]]></b:skin> pada halaman tata letak / rancangan edit HTML.
yg kemarin, tambahkan kode dibawah ini dibawah kode yg kemarin.
.cuby
{padding: 10px;
width: 180px;
height: 180px;
margin:10px 10px 10px 10px;
}
.rightFace div {
width: 180px;
height: 180px;
padding:10px 10px 10px 10px;
}
.rightFace {
-webkit-transform: skewY(-30deg);
-moz-transform: skewY(-30deg);
background-color: #ddd;
}
Langkah 2
Save template dan masukan ke Lemari dech sekarang mah. :D
Langkah 3
Nah untuk kode pemanggil yg diterapkan di Postingan or di Sidebar.
Caranya, ganti kode yg kemarin dg kode dibawah ini :
<div class="cuby">
<div class="rightFace">
TULISAN YG AKAN DITAMPILKAN
</div>
</div>
Ganti kode TULISAN YG AKAN DITAMPILKAN dengan tulisan yg sobat inginkan tentunya.
Langkah 4
Save dan terbitkan..
Lalu lihat hasilnya.
Selesai dech memuat Effect Tulisan 3D dengan CSS3 Part2
Berbeda kan hasilnya dg membuat Effect Tulisan 3D dengan CSS3 seperti yg kemarin??
Kuncinya hanya di leftFace dan rightFace az sob..
juga penambahan [ - ] pada posisi skew pada kode Effect Tulisan 3D dengan CSS3 yg sebelumnya.
Selamat mencoba dan semoga bermanfaat.

Pagi mas..wah keren tampilan 3D na mas...
belajar css yg paling aq suka, langsung tak save lagi sob
sob aku udah kirim ke email sobat, silahkan dicek yaaaa :)
@3804821238274901100.0
Monggo mas..
@8951696965459702666.0
Sore mas.. :D
Makasih mas..
info yg menarik walau sy kurang begitu paham dgn ccs, maklum newbie hehe.. happy blogging
bakal ada part 3 nya gag nih..:)
belom sempet nyoba nih heheh
mampir sob
singgah mo baca-baca lagi
terima kasih
matur nuwun
@8574432202224412976.0
coba dulu ge..:)
@3703636799872539244.0
Makasih ya mas..
@7902926690241218509.0
Maaf ya mas blm terlaksanakan..
Insya Allah kpn2 ya..
@5359715671534066238.0
Iya gih.. hehe..
@4284986472584602984.0
Maaf ya mas blm terlaksanakan..
Insya Allah kpn2 ya..
@8779355605886613496.0
matur nuwun jg ya mas..
@3013674348341924116.0
Makasih ya mas..