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;
}

Метаданные статьи

Идентификатор статьи:
133
Категория:
Дата добавления:
15.08.2024 16:33:09
Просмотры:
376
Рейтинг (Голоса):
(0)

Связанные статьи