Membuat Gambar postingan Kerucut Dan Berputar Saat Disentuh Cursor

Nursalim Laimi

Trick

Jumat, 11 Januari 2013

4 Komentar

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 :)