Friday, 18 May 2012

Type Of Header Hover

Assalammualaikum & hello
\bismillahirrahmanirrahim/ Untuk blogskin, nak taruk header hover, pergi ke entry ini . Ni nak kasi korang type of header .. All credit to : Amalina Ho . 

Header Menyenget
Template biasa, Denim
#header:hover{
-webkit-transition-duration: 1s;
-moz-transform: rotate(4deg);
-webkit-transform: rotate(4deg);
}
Blogskin User

.header:hover{
-webkit-transition-duration: 1s;
-moz-transform: rotate(4deg);
-webkit-transform: rotate(4deg);
}
Header to the left or right 
Template biasa, Denim

#header:hover {
padding-right: 50px;
-webkit-transition-duration: 0.5s;
}
Blogskin user

.header:hover {
padding-right: 50px;
-webkit-transition-duration: 0.5s;
}
Header Rotate & Hilang/Ghaib 

#header:hover {
-webkit-transition: 1.0s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
opacity:.01;
}
Blogskin users
 .header:hover {
-webkit-transition: 1.0s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
opacity:.01;
}
Tu je lah, malas nak bubuh lagi sebab aku syok sendiri ... haha ! bai

No comments: