-->

Share code loading cho blogger - Lê Anh Đức

 LỜI MỞ ĐẦU

 Hello xin chào các bạn lại là mình, Nguyễn Phong Blog đây hôm nay mình thấy bên Code Pro share một code loading khá hay. Ok bắt đầu thôi.



CÁC BƯỚC THỰC HIỆN

  • Bước 1 : Copy đoạn code phía dưới

<link rel="stylesheet" href="https://cdn.leanhduc.pro.vn/utilities/flying-man-loading-effect/style.css"/>
<div class='loadd'>
    <div class='body'>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <div class='base'>
            <span></span>
            <div class='face'></div>
        </div>
    </div>
    <div class='longfazers'>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
    </div>
</div>
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>
<script type='text/javascript'>
    $(window).load(function () {
        setTimeout(function () {
            $(".loadd").fadeOut("slow");
        }, 500)
    });
</script>


  • Bước 2 : Dán toàn bộ code trên vào trước thẻ đóng </body>
  • Bước 3 : Lưu lại vào tận hưởng

 

LỜI KẾT

 Trên đây là toàn bộ bài viết, nếu có thắc mắc gì hãy comment xuống dưới. Chúc các bạn ngày mới vui vẻ.

                @Copyrights Code Pro

Bài viết liên quan:

Đánh giá của Bạn về bài viết này?