Kukuh Cakra Darma

CSS3 | Transform Rotate : Memutar Text / Gambar

Assalamualaikum...
Sambil makan es krim, Saya ingin berbagi artikel lagi nih dan kali ini mengenai CSS3 lagi. CSS3 kali ini membahas mengenai Transform Rotate, yang digunakan untuk memutar gambar maupun tulisan. Trik ini bisa membuat blog anda lebih menawan. Beuh, dan akhirnya menjadi blog profesional. Amiin (doakan blog saya juga ya).


Oke, cukup, mari kita bahas...
Untuk membuatnya saya bilang cukup mudah, eh agak susah ding tapi di blog ini, akan dibuat lebih mudah, ahahah.. Ikuti langkah di bawah ini
1. Login ke blog anda --> Design --> Edit HTML
2. Masukkan kode CSS berikut di bawah
.transrot {
-moz-transform:rotate(10deg);
-khtml-transform:(10deg);
-webkit-transform:(10deg);
-o-transform:(10deg);
transform:rotate(10deg);
-icab-transform:(10deg);}
Untuk memasangnya anda bisa melakukan seperti ini
Tulisan yang ingin diputar
ATAU langsung dengan memasang

<div style="transform:rotate(10deg);-khtml-transform:(10deg);-moz-transform:rotate(10deg);-webkit-transform:(10deg);-icab-transform:(10deg);-o-transform:(10deg);">Tulisan Yang Diputar</div>
*Note:
10deg disini adalah sudut dari tulisan atau gambar yang diputar.
Anda bisa menggunakannya dengan menambahkan - di depan sehingga menjadi -10deg.




Untuk Demonya, silahkan perhatikan di bawah ini



Tulisan Yang Diputar

Saya ingin berbagi artikel lagi nih dan kali ini mengenai CSS3 lagi.




 CSS3 kali ini membahas mengenai TransformRRotate, yang digunakan untuk mem
utar gambar maupun tulisan.

Untuk membuatnya saya bilang cukup mudah, eh agak susah ding tapi di blog ini, akan dibuat lebih mudah, ahahah.. Ikuti langkah di bawah ini





Ya cukuplah untuk demonya..

Nah, Bagaimana? Menarik bukan?
Silahkan dicoba dan beri komentar dan like beserta dimohon sharenya. Terima kasih..
Wassalamualaikum...



Artikel Terkait:

16 Comments:

Muhammad Chandra | 10 December, 2010 21:00 | [Reply]

keren ilmunya sob , tapi kasihan pengunjung blog , jadi harus muter2 laptopnya supaya bisa baca , hehehe

Kukuh Cakra Darma | 11 December, 2010 17:55 | [Reply]

@Muhammad Chandra iya mas, ahaha.. ribet lagi kalo pake PC wakakka

agung ardhi wijayanto | 11 December, 2010 21:45 | [Reply]

slam knal sob, saling follow yu, sya sdah follow km, tlong follow balik ya,.,.!!! makasih sebelumnya,.,.,.!!!

enda fiVers | 12 December, 2010 00:00 | [Reply]

wah..mantap nih..
kapan kapan izin coba ya :))
soalnya ga sempat sekarang...

"Semoga sukses selalu kawan"

SyahidaComputer | 12 December, 2010 15:35 | [Reply]

Nice info nda ... thanks 4 share

Kukuh Cakra Darma | 12 December, 2010 15:55 | [Reply]

@enda fiVersMakasih mas.. iya sukses juga!
@agung ardhi wijayantoiya mas.. makasih
@SyahidaComputer
makasih, sama sama mas :)

Maiga Blog Service | 12 December, 2010 19:36 | [Reply]

Thx kunjungannya ya bro, kunjungan balik nih... :)

Mantep Info nya bro,, :) thx..

brijakartaveteran | 12 December, 2010 19:41 | [Reply]

wah mantabs dan keren nih sob, nakasih atas tipsnya. Salam

Computer Word | 12 December, 2010 23:53 | [Reply]

oK sob infonya...

sekalian numpang promo dikit

www.alycomp.co.cc

FREE DOWNLOAD SOFTWARE AND GAME FULL VERSION

Asis Sugianto | 13 December, 2010 08:29 | [Reply]

keren nih tipsnya sob,, teksnya bisa mutar-mutar 360 derajat nih....

Newbiez Jr | 13 December, 2010 11:32 | [Reply]

wah bagus nih info, mau dicoba dulu ah..
hehe..

wildancahyo | 13 December, 2010 19:02 | [Reply]

Gan mau nanya nih kalo agan design blognya sendiri apa pake software atau apa?

Hendri SSi | 13 December, 2010 19:03 | [Reply]

Menarik benar tutorialnya..

Izin share mas.

Salam kunjungan
http://www.bloghendri.com

Kukuh Cakra Darma | 13 December, 2010 20:13 | [Reply]

@wildancahyo saya desain sendiri berdasar kepada inspirasi dari teman teman blogger..
@maiga, bri, computer word, asis, newbiez, hendri: iya mas, sama sama

Yan D. Sasongko | 20 December, 2010 22:12 | [Reply]

ilmu yg sangat bermanfaat,langsung saya coba teman

Ginny Laura | 03 August, 2014 04:15 | [Reply]

WOW Keren nie artikelnya
Sambil baca artikel ini, Aku numpang promosi deh !
Agen Bola, Bandar Bola Online, Situs Taruhan Bola, 7meter

Post a Comment | Classic Comment's Form