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
5 nhận xét