Home CSS HTML WEB Web Design How To Create a Loader-HTML & CSS Loader

How To Create a Loader-HTML & CSS Loader

COPY CODE

<!DOCTYPE html>
<html>
<head>
<title>Loader</title>

<style>
.loader{
border:16px solid black;
border-top:16px solid red;
border-radius:50%;
width:120px;
height:120px;
animation:spin 2s linear infinite;
}

@keyframes spin{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}

</style>
</head>

<body>

<div class="loader"></div>
</body>

</html>

    
    RESULT BELOW



 Loader

Author

Hi, Its me Richard. A webdesigner, blogspot developer and UI/UX Designer. I am a certified Themeforest top Author and Front-End Developer. I'am business speaker, marketer, Blogger and Javascript Programmer.