Website đang trong giai đoạn hoàn thiện và chạy thử nghiệm, rất mong nhận được sự đóng góp ý kiến của mọi người để website hoàn thiện tốt hơn! Đóng góp

Table of Content

Hiệu ứng loading cho blog/website

hiệu ứng loading, code loading, hiệu ứng loading cho blog, hiệu ứng loading đẹp, code loading cho blog, loading effect, loading css, hiệu ứng đẹp

Share code hiệu ứng loading

Có rất nhiều cách trang trí để blog/website trở nên đẹp hơn. Hôm nay, Code Pro sẽ chia sẻ cho các bạn một đoạn code với hiệu ứng loading chuyển động tuyệt đẹp.

Hiệu ứng loading cho blog/website
Hiệu ứng loading cho blog/website

Hướng dẫn chi tiết

  • 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>
  
  • Dán toàn bộ code đã copy phía trên vào trước thẻ đóng </body>
  • Lưu lại là xong rồi !

Lời kết

Trên đây là toàn bộ code hiệu ứng loading cho blog/website. Nếu có bất cứ thắc mắc hay khiếu nại về bản quyền hãy comment ngay phía dưới cho mình biết nhé. Chúc các bạn thành công và có một ngày học tập, làm việc thật hiệu quả !!!

Copyright @ Code Pro
Sống hết mình !

10 comments

  1. Hi anh
    1. hi :>
  2. mình có điều chỉnh được thời gian hiển thị loading đc ko a
    1. được nha em! em sửa 500 thành thời gian muốn hiển thị, càng lớn thì càng lâu :3
    2. hhh cảm ơn a nhiều !!!
    3. hehe
  3. Thanks anh zai nhiều <3
    1. oce em :3
  4. tự viết à bro
    1. hỏi mãi :v