Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức lập trình.

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

Thảo luận trong 'Mã nguồn Xenforo' bắt đầu bởi tranhung, 17/5/16.

  1. tranhung
    Offline

    tranhung New member

    Bài viết:
    50
    Đã được thích:
    0
    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.
     
    Đang tải...

Ủng hộ iGoSEO

Thành viên đang xem bài viết (Users: 0, Guests: 0)