Cara membuat gambar kerucut dan berputar saat disorot mouse

Hallo sob ^^ lagi pada mudik yo? Walaupun mudik tetep visit Blog ini yoo :p
Kayaknya ini postingan terakhir minggu ini deh, soalnya gua juga mau mudik nanti malem hahah
Udah liat gambar di blog gue kan sob? Bentuknya kerucut dan berputar kalo disorot mouse, begini deh kira-kira gambarnya, cek screenshootnya bro

Caranya gampang banget kok bro, cukup letakan CSS ini di atas kode </head>

CSS:

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

 Selamat Mencoba!!!