Kumar Lakshmanan
Home
Features
More
Home
HTML CSS JS
Make the Loader Using HTML & CSS
Make the Loader Using HTML & CSS
Kumar Lakshmanan
11:39 AM
HTML CSS JS
Create the loader
HTML & CSS & JS
Output
Loading...
Input
<!DOCTYPE html> <html> <head> <title>https://lakshmanankumar.blogspot.com</title> <style> .loader { border: 16px solid #f6f6f6; border-radius: 50%; border-top: 16px solid #369; border-bottom: 16px solid #369; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation:loader 2s ease-in-out infinite; } @-webkit-keyframes loader{ 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes loader{ 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } </style> </head> <body> <div class="loader"></div> </body> </html>
HTML source code
Top Stories
Modal Pop-Up
Image Magnifier Glass
Make Calculator
Responsive SignIn Form
HTML CSS JS
Javascript points
Pre Loaders
Post a Comment
0 Comments
Labels
Buttons
(6)
Calculator
(3)
Clock
(2)
Entertainment
(2)
Forms
(6)
HTML CSS JS
(26)
Javascript points
(9)
Love
(2)
Menu HamBurger
(2)
Pre Loaders
(4)
Tamil News
(2)
Join Our Whatsapp Group
Join
Search This Blog
Popular Posts
Paper falling Effect Celebration
12 Hamburgers With Animation
கொà®°ோனா-Corona Virus protection tips
Total Pageviews
Contact Form
Name
Email
*
Message
*
0 Comments