Tutorial Hover Box Melayang Like Mine

 
Haeee gaess habis pulang dari Rumah Sakit , Ann mau bagiin tutorial yang langka ama jarang ditemukan :p  Ini tuto sering ditanyain ke Ann maupun Vall so langsung cuss aja  Preview:

  Kayak gitu tuh maksudnya  

1. .Buka Blogger  
2. Pilih Tata Letak >> Html /Compose baru
3. Copy kode ini dan paste di html tadi 

<style>
.box5 {
border-radius:20px;
border:1px dotted #kodewarnakalian;
width:150px;
overflow:hidden;
height:20px;
color:#9fc5e8;
position:fixed;
left:30px;
top:250px;
text-align:center;
moz-box-shadow: 0 0 1px blue;
-webkit-box-shadow: 0 0 8px blue;
padding:4px;background: #fff;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}

.box5:hover {
height:150px;
width:250px;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}


</style><div class="box5"><i>HOVER PLEASE</i><br /><br />
<br/>KATAKATAKALIAN<br/>
</div>
<br /><br />

4. Save dan Preview 

 

REPOST GIVE ME FULL CREDIT !! MY NAME AND MY LINK BLOG , WITHOUT MY NAME AND MY LINK BLOG? KARMA !