Hiệu ứng hình ảnh xoay 180 độ khi hover chuột qua.

Thảo luận trong 'Style & Template Questions' bắt đầu bởi SangNguyen2603, 5/10/13.

1votes
5/5, 1 vote

  1. SangNguyen2603

    SangNguyen2603 Member

    Bài viết:
    192
    Likes :
    63
    Các bác ai biết về hiệu ứng này khi hover chuột qua ảnh thì chỉ giúp em với.
    Đây là một bài tập quan trọng trong môn lập trình web phía client em đang học mà tìm trên mạng nãy giờ không ra :(
    [​IMG]
     
    Đang tải...
  2. p3iu18

    p3iu18 Member

    Bài viết:
    298
    Likes :
    123
    demo online đi bạn
     
  3. SangNguyen2603

    SangNguyen2603 Member

    Bài viết:
    192
    Likes :
    63
    Nếu có demo online thì đã có thể tự làm nhờ view source đằng này chỉ có đề như vậy thôi. Không biết đó là hiệu ứng tên gì mà search luôn.
     
  4. phamngocduy.1998

    phamngocduy.1998 New Member

    Bài viết:
    1
    Likes :
    0
  5. dinhchi

    dinhchi Well-Known Member

    Bài viết:
    555
    Likes :
    293
    CSS3 transform Property

    Html
    Mã:
    <img src="link ảnh" alt="" title="" class="rotate">
    Css
    Mã:
    .rotate{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform;overflow:hidden}
    .rotate:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg)}
     
  6. phamthanhliem

    phamthanhliem Member

    Bài viết:
    296
    Likes :
    35
    Nếu chèn cho xenforo, cái chỗ avatar của user thì mình chèn chỗ nào vậy
     
comments powered by Disqus

Chia sẻ trang này

Đang tải...