Tìm kiếm nhanh

[?] Cách tạo hiệu ứng khi rê chuột vào menu

Thảo luận trong 'Các Vấn Đề Chung' đăng bởi phavaphu, 17/08/2016 11:22.

  • phavaphu

    phavaphu Phạm Văn Phương

    Diễn tả thế nào nhỉ!

    Lấy ví dụ từ diễn đàn nuke.vn mình!

    Khi tôi rê chuột vào các cài viết của chủ đề! thì nó xuất hiện hiệu ứng "nảy chữ" hay địa loại thế

    - Hay trong trang của trang bác Đức (http://www.laivanduc.com) khi tôi rê chuột vào menu thì có hiệu ứng gần giống như vậy.

    ----------------

    Tôi muốn thêm hiệu ứng menu như vậy thì phải code j AE

    Xin cảm ơn!

     
  • anhyeuviolet

    anhyeuviolet Kenny Nguyen

    Có thể dùng CSS3.

    Khi rê vào (hover) thì sẽ có các transition tương ứng.

     

    http://www.w3schools.com/css/css3_transitions.asp

    https://daneden.github.io/animate.css/

     

    Còn mức độ khó hơn thì bắt đầu là JS rồi.

     
    phavaphu thích điều này.
  • dangdinhtu

    dangdinhtu Đặng Đình Tứ

    Điều hành viên Quản trị diễn đàn

    Dối vẻ thẻ a khi chưa hover bạn thêm đoạn code css sau

    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

    Ngoài ra bạn có thể tìm kiếm các hiệu ứng css 3 khác về antimation

     
    phavaphu anhyeuviolet thích điều này.

Chia sẻ trang này

Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây