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
Chúc bạn thành công.
Đơ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
Bài viết liên quan
![[VNXF] Theme Digital – Sự lựa chọn hoàn hảo cho diễn đàn công nghệ hiện đại](https://cdn.vnxf.vn/data/assets/logo_default/dgt.png)


![[VNXF] Theme Digital – Sự lựa chọn hoàn hảo cho diễn đàn công nghệ hiện đại](https://cdn.vnxf.vn/data/assets/logo_default/theme-digital.png)
![[VNXF 2x] Best Statistics Pro – Thống kê nâng cao, tối ưu hiệu năng cho XenForo 1.1](https://cdn.vnxf.vn/data/assets/logo_alternate/vnxf-2x-best-statistics-pro-m.webp)


