Tạo hiệu ứng xoay vòng avatar trên xenforo

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
13,629
Được Like
9,662
Sau đây, mình sẽ hướng dẫn cho các bạn biết làm thế nào để tạo hiệu ứng xoay vòng avatar trên xenforo khi bạn rê chuột vào.

Đơn giản, các bạn chỉ việc thêm đoạn code sau vào dưới cùng templates EXTRA.css
Mã:
.avatarHolder{
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;

-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;

overflow:hidden;
}
.avatarHolder:hover
{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
}

Chúc bạn thành công.


Nguồn: muaban47.net​
 

Kendy

Thượng Đế
Tham gia
01/12/2015
Bài viết
91
Được Like
33
Còn logo thì thế nào hả anh pvs
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Hosting Giá rẻ

hosting free
hosting free
Top Bottom