GameCMS Пульсирующая точка

parliament

Команда форума
Гл.Администратор
14.05.2021
1 796
3 799
  • Администратор
  • #1
Установка в архиве.

Это css элемент, который выводит пульсирующую точку в том месте, где Вы пожелаете.

В качестве примера представляю со своего сайта переделку, где точка в моем случае мигает когда пользователь онлайн, а на оффлайн – горит ровно красным.
Изначально сам css элемент всего лишь изменяет свой размер, тем самым создаёт эффект пульсации.
Переделать цвет, эффект анимации, тени и тд – не сложно.
Посмотреть вложение VivaCut_video_1653529532256.mp4
 

Вложения

  • Пульсирующая точка.zip
    698 байт · Просмотры: 78
Последнее редактирование:

parliament

Команда форума
Гл.Администратор
14.05.2021
1 796
3 799
  • Администратор
  • Автор темы
  • #7

fOkySn1k

Заблокирован
14.05.2022
43
12
  • Заблокирован
  • #10
В какой файл css это класть? если можно путь...
#green_circle_online {
display: inline-block;
background-color: green;
width: 10px;
border-radius: 20px;
height: 10px;
margin-left: 10px;
margin-bottom: 1px;
box-shadow:0 0 15px rgba(255,255,255,.4);
-webkit-animation: mymove 3s infinite;
animation: mymove .4s ease-in infinite alternate;
}
@keyframes mymove{
from{
transform:scale(1);
}
to{
transform:scale(1.3);
}
}
 
Сверху Снизу