Home About Tutorial Freebies Linkies Status


10 Budak Comel Datang Melawat



Template by: Aqila Farah Zulkifli
Re-Edit by: aqilaaa fawaaahh
Others Helping: Aina & Wana & Khairina
Best view in Google chrome only.



Tutorial : Image Hover Rotate
Post by Aqila Farah Binti Zulkifli on Friday, October 26, 2012

1. Dashboard > Template
2. Tekan Ctrl + F serentak then cari code </style>
3. Copy code bawah ni
div#sidebar1{
width:261px;
position:fixed;
height:auto;
margin-top:41px;
margin-left:148px;
padding:0px;
top: 0px;
left: 10px;
border: 0px solid #DFD0D6;
background-color: ;
}
div#sidebar1:hover{
width:261px;
position:fixed;
height:auto;
margin-top:41px;
margin-left:148px;
padding:0px;
top: 0px;
left: 10px;
border-right: 0px dashed #FFE4B5;
background-color: #;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition:2s;
4. Paste diatas code tadi
5. PASTE THIS UNDER <BODY>:
<div id="sidebar1">
<img src="{image:Sidebar}" width="261px">
</div>
Harap korang faham ^^ Sebab tuto ni memang susah sikit .

17 comment[s] | back to top