baner
- Home >
- Tutorial Blog >
- Cara Membuat Gambar Postingan Berputar Saat Disorot Mouse
Posted by : andika
Senin, 18 Februari 2013
ok tanpa panjang lebar yuk langsung saja ke intinya
Kali ini Admin akan berbagi sedikit tutorial blog, yaitu Cara Membuat Gambar Postingan Berputar Saat Disorot Mouse.
Berikut langkah-langkah nya :
1 login akun blogg
2. masuk ke rancangan
3. masuk ek EDIT HTML
4. Cari Kode </head> Letakkan script ini di atas kode </head>
<b:if cond='data:blog.url == data:blog.homepageUrl'><style>.post img{margin:10px;padding-left5px;width:100px;height:100px;text-align:center;-webkit-transition:All 2.346s ease;-moz-transition:All 2.346s ease;-o-transition:All 2.346s ease;-webkit-background-clip:padding-box;-webkit-box-shadow:0 0 0 3px #000cff;-moz-box-shadow:0 0 0 3px #000;box-shadow:0 0 0 3px #000cff;-webkit-border-top-left-radius:60px;-webkit-border-bottom-left-radius:60px;-moz-border-radius-topleft:60px;-moz-border-radius-bottomright:60px;border-top-left-radius:60px;border-bottom-right-radius:60px;-o-border-top-left-radius:60px;-o-border-bottom-right-radius:60px}.post img:hover{box-shadow:1px 1px 10px 3px rgba(0,0,220,0.6);border-radius:0;-webkit-transition:All 2.346s ease;-moz-transition:All 2.346s ease;-o-transition:All 2.346s ease;-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg)}
</style></b:if>
Script bisa kamu Edit Sendiri ya :D
Bila ada yang di tanyakan Harap berkomentar Thanks !!
sumber