Paste Your Code here!

<html lang="en">
<head>
  <meta charset="UTF-8"></meta>
  <meta content="IE=Edge" http-equiv="X-UA-Compatible"></meta>
  <meta content="width=device-width, initial-scale=1" name="viewport"></meta>
<style>
  *{
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}
body {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color:#000;
}
.loader{
 position: relative;
 width: 100px;
 height: 100px;
 border-radius:50%;
 background-image:linear-gradient(45deg,transparent,transparent 40%,#e5f403);
 animation: animation 2s linear infinite;
}
@keyframes animation{
 0%
 {
  transform: rotate(0deg);
  filter: hue-rotate(0deg);
 }
 100%
 {
  transform: rotate(360deg);
  filter: hue-rotate(360deg);
 }
}
.loader:before{
 content: '';
 position: absolute;
 top:6px;
 left: 6px;
 right: 6px;
 bottom:6px;
 background: #000;
 border-radius:50%;
 z-index: 1000;
}
.loader:after {
 content: '';
 position: absolute;
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 background-image:linear-gradient(45deg,transparent,transparent 40%,#e5f403);
 border-radius:50%;
 z-index: 1;
 filter:blur(30px);
}

</style>
  <title>CSS3 Glowing Gradient Loader Ring Animation Effects

</title>
  
  <link href="style.css" rel="stylesheet"></link>
</head>

CSS3 Glowing Gradient Loader Ring Animation Effects

Paste Your Code here!

output

Contact Form