Home » » Membuat Gambar postingan Kerucut Dan Berputar Saat Disentuh Cursor

Membuat Gambar postingan Kerucut Dan Berputar Saat Disentuh Cursor


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:

Posting Komentar

x - blogger yang baik meningal jejak dengan berkomentar
x - dilarang spam
x - kata-kata yang sopan dan baik
x - berkomentar menggunakan Name/URL
-> isikan nama anda
->URL di kosongkan -> klik lanjutkan

''_'' terima kasih sudah berkunjung ''_''

Translate

Followers

Me Gusta - Rage Face Comics

Visitor