- Tham gia
- 28/02/2015
- Bài viết
- 16,829
- Được Like
- 12,687
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
Bài viết mới