Effect Tulisan 3D dengan CSS3 Part2

By Girant_31

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.

+ lihat kode copy code print ?

.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;
}

.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 :

copy code print ?

<div class="cuby">
<div class="rightFace">
TULISAN YG AKAN DITAMPILKAN
</div>
</div>

<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.

Post Info
Comments
Related Posts
Share
Subscribe
Top Comments

Title
Posted By
On
Tag
Comments
Subscribe

: Effect Tulisan 3D dengan CSS3 Part2
: Agus Adi S. From Girant_31 Blog
: Jumat, Juni 18, 2010
: Css , Tips n Trik
: 22 People Commented
: RSS Feed or leave a response for this article, Here.

22 Comments:

----------------- Girant_31 Say.. On Juni 18, 2010

Mengamankan Pertaminaxx.. :D

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@7506420569734900575.0
My first line Comments

@7506420569734900575.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- ariefborneo Say.. On Juni 18, 2010

Pagi mas..wah keren tampilan 3D na mas...

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@8951696965459702666.0
My first line Comments

@8951696965459702666.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Juni 18, 2010

Sore mas.. :D
Makasih mas..

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@7090658766687780010.0
My first line Comments

@7090658766687780010.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Rizkyzone Say.. On Juni 18, 2010

belajar css yg paling aq suka, langsung tak save lagi sob

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@3804821238274901100.0
My first line Comments

@3804821238274901100.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Juni 18, 2010

Monggo mas..

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@2163376575364762635.0
My first line Comments

@2163376575364762635.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Shudai Ajlani Say.. On Juni 18, 2010

sob aku udah kirim ke email sobat, silahkan dicek yaaaa :)

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@3221552782512487864.0
My first line Comments

@3221552782512487864.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Juni 18, 2010

Ok Mas..
Sudah ane Balas eMail nya..
Silahkan di Cek.

Semoga dapat difahami dan dapat di implementasikan langsung di Four Dreams..

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@5037539972552584392.0
My first line Comments

@5037539972552584392.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- RAMDHAN Say.. On Juni 18, 2010

info yg menarik walau sy kurang begitu paham dgn ccs, maklum newbie hehe.. happy blogging

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@3703636799872539244.0
My first line Comments

@3703636799872539244.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Juni 20, 2010

Makasih ya mas..

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@3065237038089438183.0
My first line Comments

@3065237038089438183.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Shudai Ajlani Say.. On Juni 18, 2010

sob aku bales lagi silahkan dicek yaaa :)

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@7902926690241218509.0
My first line Comments

@7902926690241218509.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Juni 20, 2010

Maaf ya mas blm terlaksanakan..
Insya Allah kpn2 ya..

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@4373169670791339539.0
My first line Comments

@4373169670791339539.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- TUKANG CoLoNG Say.. On Juni 18, 2010

bakal ada part 3 nya gag nih..:)

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@6947224948686400172.0
My first line Comments

@6947224948686400172.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Juni 20, 2010

Ada dunk..
Sampai Season 17 mas.. ;)

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@1105053136743282763.0
My first line Comments

@1105053136743282763.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Nikmatnya Hidup Say.. On Juni 18, 2010

belom sempet nyoba nih heheh

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@8574432202224412976.0
My first line Comments

@8574432202224412976.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- TUKANG CoLoNG Say.. On Juni 19, 2010

coba dulu ge..:)

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@5359715671534066238.0
My first line Comments

@5359715671534066238.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Juni 20, 2010

Iya gih.. hehe..

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@2521578826803897309.0
My first line Comments

@2521578826803897309.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Shudai Ajlani Say.. On Juni 18, 2010

sob baca balesan aku lagi cek mail :)

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@4284986472584602984.0
My first line Comments

@4284986472584602984.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Juni 20, 2010

Maaf ya mas blm terlaksanakan..
Insya Allah kpn2 ya..

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@7706988534210353339.0
My first line Comments

@7706988534210353339.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- ariefborneo Say.. On Juni 19, 2010

Pagi mas...sukses selalu

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@3013674348341924116.0
My first line Comments

@3013674348341924116.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Juni 20, 2010

Makasih ya mas..

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@444271275136538931.0
My first line Comments

@444271275136538931.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- imtikhan Say.. On Juni 19, 2010

mampir sob
singgah mo baca-baca lagi
terima kasih
matur nuwun

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@8779355605886613496.0
My first line Comments

@8779355605886613496.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Juni 20, 2010

matur nuwun jg ya mas..

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@3314378489903567646.0
My first line Comments

@3314378489903567646.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

Komentar Yuuuk..

Silahkan berkomentar di postingan ini. (Gratis)
Jika Sobat ingin membalas komentar seseorang,
Sobat bisa menggunakan fasilitas reply dengan cara mengawali komentar Sobat pada baris pertama dengan:
@Kode Angka Komentar

Contohnya Penulisan Komentar:
@7203927038009495854.0
My first line Comments