Saturday, March 12, 2016

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 !
 
 
 
 

1 comment:

Moshi - Moshi

Leave comment here
Request ? tell in cbox
Dont bad words

Obey the rules ? Free comment :)

 
Related Posts Plugin for WordPress, Blogger...