Minggu, 24 Februari 2013
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 != "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>
5. Simpan dan lihat hasilnya
jangan lupa komentar ya :)
