How to add css effect named sunlight to your button on your website?
This css code is for css effect named sunlight
when light of sun always running over the button
@keyframes slideme {
0% {
left: -30px;
margin-left: 0px;
}
30% {
left: 110%;
margin-left: 80px;
}
100% {
left: 110%;
margin-left: 80px;
}
}
.btn-new {
overflow: hidden;
position: relative;
}
.btn-new:after {
content: "";
display: block;
width: 30px;
height: 200px;
margin-left: 60px;
background: #fff;
opacity: 0.5;
position: absolute;
left: -40px;
top: -100px;
z-index: 1;
transform: rotate(45deg);
transition: all 0.1s;
animation-name: slideme;
animation-duration: 3s;
animation-delay: 0.05s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}