Задать вопрос
@TerritoryOfPeace
Изучаю php

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

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

63ee73894d51c364765005.png

Если добавить все стили:
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;


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

Что нужно сделать для того чтобы анимация работала также?
  • Вопрос задан
  • 215 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 1
Seasle
@Seasle Куратор тега CSS
Очевидно, найти @keyframes bg-move.
@keyframes bg-move {
  0%   { background-position: -500px 0; }
  100% { background-position: 1000px 0; }
}

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

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

Войдите, чтобы написать ответ

Похожие вопросы