JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<div class="form__element" ></div>.
</body>
CSS
body{
background: #000000;
}
@-webkit-keyframes input-shadow {
0% {
box-shadow: none;
}
50% {
box-shadow: 0px 0px 26px #FFFFFF;
}
100% {
box-shadow: none;
}
}
@keyframes input-shadow {
0% {
box-shadow: none;
}
50% {
box-shadow: 0px 0px 26px #FFFFFF;
}
100% {
box-shadow: none;
}
}
.form__element {
border-radius:100%;
width:100px;
height:100px;
background: white;
-webkit-animation:input-shadow ease-in-out 2s infinite; /* Chrome, Safari, Opera */
animation:input-shadow ease-in-out 2s infinite;
}