HTML SOURCE CODE
<html>
<head>
<link rel="stylesheet" type="text/css" href="b.css">
<body>
<div class="loder"></div>
</body>
</head>
</html>
CSS SOURCE CODE
*{box-sizing: border-box;}
body {
background: linear-gradient(177deg,rgb(3, 6, 7),greenyellow,seagreen);
align-items: center;
min-height: 100vh;
display: flex;
justify-content: center;}
.loder{
position: relative;
width: 400px;
height: 20px;
background: #fff;
-webkit-box-reflect: below 1px linear-gradient(transparent, #0005);}
.loder::before{
content: '';
position: absolute;
inset:0;
background: linear-gradient(90deg,rgb(253, 2, 2),darkblue,rgb(2, 200, 250),hotpink,green);
animation: animate 20s linear infinite;
background-size: 500%;}
.loder::after{
content: '';
position: absolute;
inset:0;
background: linear-gradient(90deg,red,blue,yellow,green);
animation: animate 20s linear infinite;
background-size: 500%;
filter: blur(20px);}
@keyframes animate{
0%{background-position: 0 0;}
