Скопировать анимацию, не могу заставить работать [РЕШЕНО]

[Smart77]

Всем привет
на сайте https://www.favorit-stone.com/ на первом экране нашел простую анимашку, в виде расходящихся кругов, просто и красиво,
нашел в коде, в стилях, перенес, и... неработает, что то делаю не так,
подскажите пожалуйста где затык.

[Eric]

Smart77, keyframes в стили не добавили.
И добавьте в слой класс circle.

Код: Выделить всё

@keyframes pulse {
 0% {
  transform: scale(0.5);
  opacity: 0;
 }
 50% {
  opacity: 0.7;
 }
 100% {
  transform: scale(1.6);
  opacity: 0;
 }
 
}
.circle{
   width: 500px;
   height: 500px;
   border-radius: 100%;
    position: absolute;
}
.circle:before,
.circle:after {
 content: '';
 position: absolute;
 border: 1px solid rgba(255, 255, 255, 0.4);
 left: -10px;
 right: -10px;
 top: -10px;
 bottom: -10px;
 border-radius: 50%;
 animation: pulse 7s linear infinite;
 opacity: 0;
 z-index: -1;
}
.circle:after {
 animation-delay: 5s;
}


https://yadi.sk/d/KWY3AYobkl65_g

[Smart77]

Спасибо большое!!!
Чуть допилил, и прям как для меня!!!