![[Code] Hiệu ứng Trượt Logo forum Moi210](https://i.servimg.com/u/f33/15/73/37/85/moi210.jpg)
Trang Chính
1
[Code] Hiệu ứng Trượt Logo forum 26/4/2012, 9:11 am
Founder
Admin
Bài viết : 416
Points : 906
Thanked : 8
Join date : 07/10/2010Age : 34
Đến từ : Việt Nam
Trước:
![[Code] Hiệu ứng Trượt Logo forum 110](https://i.servimg.com/u/f45/17/45/29/75/110.png)
Sau:
![[Code] Hiệu ứng Trượt Logo forum 211](https://i.servimg.com/u/f45/17/45/29/75/211.jpg)
Hiệu ứng này tạo nên 1 logo trượt trên forum ( khi bạn rê chuột vào logo của bạn nó sẽ trượt sang 1 bên )
Cách làm:
Chèn đoạn sau vào Css
phpBB2
Invision
Sau:
Hiệu ứng này tạo nên 1 logo trượt trên forum ( khi bạn rê chuột vào logo của bạn nó sẽ trượt sang 1 bên )
Cách làm:
Chèn đoạn sau vào Css
phpBB2
- Code:
#i_logo {
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}
#i_logo:hover{
margin-left:100px;
}
- Code:
#pun-logo {
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}
#pun-logo:hover{
margin-left:100px;
}
- Code:
#logo-desc {
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}
#logo-desc:hover{
margin-left:100px;
}
Invision
- Code:
div#logostrip #logo {
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}
div#logostrip:hover #logo:hover {
margin-left:100px;
}
Chupy - cntt-k3
