Hiệu ứng slide đẹp cho blog - Minh Blogger

đã xuất bản
Chào các bạn, vậy là một mùa giáng sinh nữa sắp đến rồi, nên mình sẽ chia sẻ cho mọi người một hiệu ứng slide đẹp cho blog nhé.


Các bạn có thể thêm JS vào cho nó hoàn thiện hơn vì đây chỉ là một hiệu ứng slide lướt và sau đó sẽ không có gì ở sau nữa nhé :3

Đầu tiên các bạn tạo widget mới và chèn code sau


<script type="text/javascript"> var select = function(s) {     return document.querySelector(s);   },   selectAll = function(s) {     return document.querySelectorAll(s);   },   animationWindow = select('#animationWindow'),        animData = { wrapper: animationWindow, animType: 'svg', loop: true, prerender: true, autoplay: true, path: 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/35984/christmas_pudding_slider.json',   rendererSettings: {     //context: canvasContext, // the canvas context     //scaleMode: 'noScale',     //clearCanvas: false,     //progressiveLoad: false, // Boolean, only svg renderer, loads dom elements when needed. Might speed up initialization for large number of elements.     //hideOnTransparent: true //Boolean, only svg renderer, hides elements when opacity reaches 0 (defaults to true)   }  }, anim; anim = bodymovin.loadAnimation(animData);  anim.addEventListener('DOMLoaded', onDOMLoaded);  anim.setSpeed(1); function onDOMLoaded(e){  anim.addEventListener('complete', function(){}); } //ScrubBodymovinTimeline(anim) </script> <style type="text/css"> body {  background-color: #111;  overflow: hidden;  text-align: center; } body, html {  height: 100%;  width: 100%;  margin: 0;  padding: 0; } #animationWindow {  width: 100%;  height: 100%; } .stripeFill {  fill:#FF0000 !important; } </style> <div id="animationWindow"> </div>

Đây là demo

Bài đăng đã hết chào các bạn

6 bình luận

Hãy cùng tham gia bình luận về bài viết này nhé!

  1. - Thank kiu <3 thằng e nha :p

    ReplyDelete
  2. hà qua trả tt cho thảo nè,rảnh thảo qua blog tôi nhé,ms ra bài mới

    ReplyDelete
    Replies
    1. oke bây giờ qua luôn nè :D

      Delete
  3. Replies
    1. haha then kiu ông nha , ông lại die r à :((

      Delete
CÓ THỂ BẠN ĐANG TÌM
  • TUT Rip Nick Facebook Mới Nhất - Dame 277 Or 723 5s
    TUT Rip Nick Facebook Mới Nhất - Dame 277 Or 723 5s
    11/08/2019 - 5 bình luận
    LỜI MỞ ĐẦU Hello, mình là ADMIN THẢO BLOG đây ! Ok, sau đây mình sẽ hướng dẫn các bạn cách xóa tài khoản Face…
  • TUT RENAME TÍCH ẨN LINK 237 | ĐÁ TÍCH ẨN KHÔNG CẦN CHECKPOINT | TOÀN SIÊU NHÂN BLOG
    TUT RENAME TÍCH ẨN LINK 237 | ĐÁ TÍCH ẨN KHÔNG CẦN CHECKPOINT | TOÀN SIÊU NHÂN BLOG
    19/08/2018 - 3 bình luận
    (Shared by Nguyễn Quang Huy) ***Chuẩn bị :    1 CMND Rõ + Nét và trùng thông tin nick Riê…
  • CHIA SẺ WEB AUTO LIKE SỐ MỘT VIỆT NAM
    CHIA SẺ WEB AUTO LIKE SỐ MỘT VIỆT NAM
    31/12/2018 - 36 bình luận
    Hôm nay Admin Thảo Blog xin chia sẻ cho các bạn một TRANG tăng like và follow free, đảm bảo khô…
  • MỞ KHÓA FACEBOOK BỊ MẠO DANH | UNLOCK FAQ MẠO DANH 2018 | TOÀN SIÊU NHÂN BLOG
    MỞ KHÓA FACEBOOK BỊ MẠO DANH | UNLOCK FAQ MẠO DANH 2018 | TOÀN SIÊU NHÂN BLOG
    19/08/2018 - 2 bình luận
    B1 : Chuẩn bị 1 CMND trùng thông tin với nick bị FAQ MD*Nên dùng CMND thật và CMND Cầm tay có …
  • [PSD ẢNH BÌA] Ngôn Tình Chất
    [PSD ẢNH BÌA] Ngôn Tình Chất
    15/01/2018 - 0 bình luận
    DOWNLOAD
  • TUT DAME FAQ MD 808 PRO - CTV : NHỮ ĐỨC THẮNG
    TUT DAME FAQ MD 808 PRO - CTV : NHỮ ĐỨC THẮNG
    29/10/2018 - 6 bình luận
    * Fake 1 cái CMND Y hệt info victim Không có thì fake 01-01-1990 * Fake một cái clone y hệt victim tạo bằn…
  • [SHARE] TUT REPORT FAQ 178 BAO DIE 100%
    [SHARE] TUT REPORT FAQ 178 BAO DIE 100%
    21/07/2018 - 0 bình luận
    - HELLO XIN CHÀO TẤT CẢ CÁC AE ĐANG THEO DÕI BLOG CỦA NGUYỄN PHƯƠNG THẢO - HÔM NAY MÌNH SẼ SHARE CHO AE TUT DA…
  • TUT Unlock FAQ 178 (Tội Phạm)
    TUT Unlock FAQ 178 (Tội Phạm)
    05/12/2018 - 17 bình luận
     TUT Unlock này cho các nick có mail, không mail (tỉ lệ về thấp) và đặc biệt là có giấy tờ đẹpzai ~ • AE …
  • CHIA SẺ BỘ TÀI NGUYÊN CỦA FPT BOOKS
    CHIA SẺ BỘ TÀI NGUYÊN CỦA FPT BOOKS
    27/08/2018 - 0 bình luận
    Chào các bạn, dạo gần đây mình hơi bận nên không ra bài thường xuyên cho các bạn được, hi vọng các bạn sẽ thông…
  • Tut Dame Faq Mạo Danh 5s 2018
    Tut Dame Faq Mạo Danh 5s 2018
    10/12/2018 - 25 bình luận
    Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin chia sẻ cách Report mặc định FAQ MD …
  • Thủ thuật quảng cáo blog bạn siêu nhanh
    Thủ thuật quảng cáo blog bạn siêu nhanh
    30/11/2018 - 4 bình luận
    Chào các bạn, có lẽ những blogger như chúng ta đang rất muốn mọi người biết đến, cách hiệu quả nhất bây giờ có …
  • Cách làm Fanpage tích xám trong vòng 1 tuần
    Cách làm Fanpage tích xám trong vòng 1 tuần
    01/12/2018 - 4 bình luận
    Xin chào các bạn. Hôm nay, mình sẽ hướng dẫn các bạn "Cách làm Fanpage tích xám trong vòng 1 tuần" CÁC BƯỚC…