Как сделать такую же кнопку как в телеграм?

Question

[Богдан Кучерук]

При переходе на страницу группы в телеграме через хром появляется окно с кнопкой:



Если добавить все стили:

background-image: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, #64b5ef 75.52%, rgba(100, 181, 239, 0) 100%);
    background-repeat: no-repeat;
    animation: bg-move linear 5s infinite;

появляется только свечение без анимации.

Что нужно сделать для того чтобы анимация работала также?

Answer 1

[Александр]

Очевидно, найти @keyframes bg-move.

@keyframes bg-move {
  0%   { background-position: -500px 0; }
  100% { background-position: 1000px 0; }
}

Как это сделать

1. Открываете DevTools
2. Находите нужный элемент (кнопку)
3. В разделе Styles вкладки Elements листаете вниз

Comments

[Богдан Кучерук]

spoiler

Дай Бог Вам здоровья!!!)