top of page

How to create a loader in HTML CSS

Writer's picture: Code CrazeCode Craze

Updated: Aug 17, 2023



<!DOCTYPE html>

<html>

<head>

<style>

body {

background-color: lightblue;

}


h1 {

color: white;

text-align: center;

}


.main{

background:red;

width:200px;

height:200px;

border-radius:195px;

border:10px solid #66ffff;

border-top:10px solid #004d4d;

background:none;

animation: rotate 0.5s infinite;

}


@keyframes rotate{

100%{rotate:360deg;

}

}


</style>

</head>

<body>


<h1>My Loader</h1><br><br>

<center><div class="main"></div></center>


</body>

</html>





9 views0 comments

Recent Posts

See All

Stack Using Queue

A stack can be implemented using two queues in C. The basic idea is to use one queue for enqueue operations and another for dequeue...

Queue Using Stack

A queue can be implemented using two stacks in C. The basic idea is to use one stack for enqueue operations and another for dequeue...

Comentarios


bottom of page