Top 10 Loading Bằng Html Css Tuyệt đẹp - Hiệu ứng Loading 2

• PL/SQL
• Sản phẩm
• ASP.NET MVC
• SEO Web
• AMP
• Wiki
  • Mẹo hay
  • Bảo mật
  • Bài học hay
• Wordpress
• Nền tảng web
  • Boostrap responsive
  • Angular
  • HTML
  • Angularjs
  • Swiper Slider
  • jQuery
  • JavaScript
  • SASS/SCSS/CSS
• Lập trình web
  • Nodejs
  • MySQL
  • ruby on rails
  • Lập trình php từ đầu
  • Tài liệu tham khảo
  • PHP cơ bản
  • CodeIgniter
  • CakePHP
  • Laravel

• Trang chủ
• Top 10 loading bằng html css tuyệt đẹp - Hiệu ứng loading 2

Top 10 loading bằng html css tuyệt đẹp - Hiệu ứng loading 2

Lượt xem: 5686

Xem demo

dnbtdev gửi các bạn top 10 hiệu ứng loading bằng html và css tuyệt đẹp

Hiệu ứng loading 2

HTML

<div class="spinner" > <div class="double-bounce1"></div > <div class="double-bounce2"></div > </div >

CSS

.spinner { width: 40px; height: 40px; position: relative; margin: 100px auto; } .double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #fff; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } Xem demo

Có thể bạn quan tâm

• Sessions trong php
• Lấy giá trị text trong drop down list (selected) bằng jquery, không phải giá trị value
• Share source code single page application (SPA) với jquery

Follow me on Youtube

Mời DANDEV cà phê

Danh mục

HTML

dandev Nơi chia sẻ những kiến thức hay về lập trình

Xem nhiều nhất

• Làm thế nào để format code trong Visual Studio Code (VSCode)
• Thiết lập chạy website PHP trên IIS
• Nguyên nhân bị hack nick facebook và cách phòng tránh
• Dùng Photoshop thiết kế Icon [.ico] (ICO Plugin)

© 2025 DANDEV.NET All rights reserved

Goi ngay Gọi ngay 0989835401 Facebook chat Facebook Chat Zalo Chat Zalo Chat Lien he Liên hệ Goi ngay Gọi ngay Facebook chat Facebook Chat Zalo Chat Zalo Chat Lien he Liên hệ