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

Question

Богдан Кучерук @TerritoryOfPeace

Изучаю php

HTML
CSS

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

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

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

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;

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

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

Вопрос задан более двух лет назад
235 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Answer 1 · 2023-02-16 21:28:21

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

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

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

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

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

Войдите на сайт