Tạo hiệu ứng Slide và fadeIn cho Blogspot bằng Animation CSS

Share:
Tạo hiệu ứng Slide và fadeIn cho Blogspot bằng Animation CSS

Tạo hiệu ứng Slide và fadeIn cho Blogspot bằng Animation CSS

Trịnh Công Sơn đã đăng Thứ Sáu, 6 tháng 4, 2018
Hiện có lượt xem và 0 bình luận

Chi tiết

Liên quan

Nhận xét

Tác giả

Bản Quyền

  • Xem toàn trang
  • Bài viết hôm nay mình sẽ hướng dẫn các bạn tạo hiệu ứng trượt và mờ dần (slide & fadein) cho blogspot bằng css animation, sử dụng thuộc tính keyframes nhé, mượn tạm cái thumbnail của Trường Nguyễn nha!
    Tạo hiệu ứng Slide và fadeIn cho Blogspot bằng Animation CSS

    CÁCH THỰC HIỆN

    Thêm toàn bộ CSS này vào trước thẻ ]]></b:skin> trong mẫu
    body{-webkit-animation:zoomnav 3s;z-index:999;} @-webkit-keyframes zoomnav{from{-webkit-transform:translate(-1000px,0px);opacity:0}}
    Bạn có thể tùy chỉnh lại CSS bằng cấu trúc mình đưa ở đầu bài nhé. Nếu không thì để nguyên vậy mà dùng.
    Chúc bạn thành công.
    Lưu ý:
    Sử dụng tiếng Việt có dấu khi bình luận, hạn chế viết tắt.
    Bình luận đúng chủ đề bài viết, không SPAM trong bình luận.
    Gửi kèm ảnh chụp màn hình để được hỗ trợ tốt nhất. Up ảnh lên trang imgur.com, sau đó sao chép link ảnh dán vào khung bình luận.
    Để chèn hình ảnh, khi đăng nhận xét bạn nhập như sau: [img]https://i.imgur.com/xvhDr24.png[/img]

    7 nhận xét:

    1. Hóng bài thanh menu bottom lâu lắm rồi

      Trả lờiXóa
    2. Này của BSW thì ghi nguồn www.bacsiwindows.com vào nha bạn ơi

      Trả lờiXóa
      Trả lời
      1. Cái đếu gì mình cũng đếu hiểu, bạn có đọc bài không vậy, mình chỉ mượn ảnh chứ không có mượn code nhé

        Xóa
      2. Của bsw laf từ phải qua, của mình là trái qua nhé bạn, test thử rồi biết

        Xóa

    Trịnh Công Sơn

    Tất cả bài đăng trên website đều thuộc bản quyền về Tôi Viết Code, chỉ được phát hành lại nội dung từ website này khi có sự đồng ý bằng văn bản của admin