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.


Contohnya seperti ini :




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.