- Back to Home »
- Tips Trick And Tutorial »
- Cara Membuat Gambar postingan Kerucut Dan Berputar Saat Disentuh Cursor
Posted by : Rob
22 Agu 2012
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>
jangan lupa komentar ya :)
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>
5. Simpan dan lihat hasilnya<b:if cond='data:blog.pageType != "item"'><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>
jangan lupa komentar ya :)
mantap .. ane coba dulu
BalasHapusok
BalasHapus