Как создать импульсный эффект внутри CSS? - PullRequest
Новая
       25

Как создать импульсный эффект внутри CSS?

0 голосов
/ 28 мая 2019

В приведенном ниже коде присутствует анимация CSS Pulse. Эффект находится снаружи логотипа. Как создать такой же эффект в отношении интерьера логотипа? 

If possible can you show me how to do both effects :
  • от края логотипа внутрь.
  • от логотипа до края.

https://codepen.io/olam/pen/zcqea

1 Ответ

0 голосов
/ 28 мая 2019

Вы буквально просто переключаете эффект.Вот так: 

@keyframes pulse {
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  30% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  0% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}

Я только что переключил 100% и 0% и изменил 70% на 30%.Попробуйте это.Надеюсь, это поможет

...