Cara Membuat Gambar postingan Kerucut Dan Berputar Saat Disentuh Cursor | `Cyber`-`Adit`
::

Navbar Bawah

Jam Sekarang
Tanggal
Salam Sapa :
Status Admin : Online
User Online : Ping your blog, website, or RSS feed for Free

Cari Blog Ini

™Bagi yg ingin joki ayodance dan joki blog silakan sms 081958765270™

Kamis, 15 November 2012

Cara Membuat Gambar postingan Kerucut Dan Berputar Saat Disentuh Cursor

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Nih Kali Ini saya akan mempost cara membuat gambar kerucut dan berputar saat disentuh cursor



ya udah langsung aja peraktekan

1. buka blogger

2. menuju rancangan  Edit HTML

3. cari code </head> 

4. masukan code di bawah tepat di atas code </head>


<b:if cond='data:blog.pageType != &quot;item&quot;'><style>.post img{margin:10px;padding-left5px;width:100px; height:100px;text-align:center;-webkit-background-clip: padding-box;-webkit-box-shadow:0px 0px 0px 3px #001fbb;-moz-box-shadow:0px 0px 0px 3px #000;box-shadow:0px 0px 0px 3px #001fbb;-webkit-border-top-left-radius: 50px;-webkit-border-bottom-left-radius: 50px;-moz-border-radius-topleft: 50px;-moz-border-radius-bottomright: 50px;border-top-left-radius: 50px;border-bottom-right-radius: 50px;-o-border-top-left-radius: 50px;-o-border-bottom-right-radius: 50px;};{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}</style></b:if>
5. Simpan dan lihat hasilnya

jangan lupa komentar ya :)

0 komentar

*No chapta.
*No spam.
*Tinggalkan jejak blog anda dengan berkomentar disini.
*Berkomentarlah dengan sopan dan menggunakan name/Url.
*Follow blog ini, dan saya akan lakukan hal serupa
*DILARANG KERAS MASANG LINK HIDUP !

Cancel Reply