Атлас кадров. Проигрывается steps()-анимацией по background-position и зациклен.
Электрическая искра
sprite
blend: screen
baodian01.png · 896×128
Атлас 7×1 = 7 кадров
по 128×128 px,
14 fps, цикл 0.5 с.
background-size: 700% 100%;
animation: fx-sprite-baodian01 0.5s steps(1, end) infinite;
- Разряд в момент попадания фишки на пункт в нардах.
- Искра на кнопке «Бросить зары» в момент клика.
- Разряд при мгновенном автоматическом ходе бота.
- Искра на иконке молнии у быстрых столов.
- Разряд при списании ставки с баланса.
Электрическая сфера
sprite
blend: screen
electric_sprite_004.png · 256×256
Атлас 4×4 = 16 кадров
по 64×64 px,
24 fps, цикл 0.667 с.
background-size: 400% 400%;
animation: fx-sprite-electric-004 0.667s steps(1, end) infinite;
- Сфера энергии вокруг иконки турнира-блиц.
- Индикатор «идёт живая партия» на плитке игры.
- Заряженное состояние кнопки колеса удачи.
- Ореол вокруг счётчика множителя ставки.
- Фон бейджа «Экстремальный стол».
Синяя молния-строка
sprite
blend: screen
electric_sprite_006.png · 512×512
Атлас 2×8 = 16 кадров
по 256×64 px,
24 fps, цикл 0.667 с.
background-size: 200% 800%;
animation: fx-sprite-electric-006 0.667s steps(1, end) infinite;
- Разряд вдоль полосы прогресса турнирного этапа.
- Молния по нижней кромке кнопки «Быстрый старт».
- Электрический разделитель между секциями лобби.
- Разряд по строке таблицы при обновлении рейтинга.
- Молния по кромке бейджа «Турбо».
Белая молния
sprite
blend: screen
electric_sprite_009.png · 512×256
Атлас 2×4 = 8 кадров
по 256×64 px,
16 fps, цикл 0.5 с.
background-size: 200% 400%;
animation: fx-sprite-electric-009 0.5s steps(1, end) infinite;
- Разряд при обрыве связи игрока за столом.
- Молния на плашке «Матч прерван».
- Разряд по кромке кнопки «Сдаться».
- Молния на иконке технических работ.
- Разряд по строке ошибки платежа в истории.
Россыпь золотых искр
sprite
blend: screen
free_of_charge_frequency_02.png · 512×512
Атлас 4×4 = 16 кадров
по 128×128 px,
18 fps, цикл 0.889 с.
background-size: 400% 400%;
animation: fx-sprite-free-frequency-02 0.889s steps(1, end) infinite;
- Россыпь искр при начислении фишек на баланс.
- Искры вокруг кубка победителя турнира.
- Осыпание искр на кнопке «Забрать бонус».
- Искры на бейдже VIP при продлении статуса.
- Россыпь при открытии подарка в профиле.
Бегущие стрелки
sprite
blend: screen
jiantou_liuguang.png · 640×576
Атлас 5×8 = 40 кадров
по 128×72 px,
30 fps, цикл 1.333 с.
background-size: 500% 800%;
animation: fx-sprite-jiantou-liuguang 1.333s steps(1, end) infinite;
- Бегущие стрелки на кнопке «Войти в игру».
- Указатель направления в онбординге новичка.
- Индикатор перехода к следующему этапу сетки.
- Стрелки на кнопке «Дальше» в мастере пополнения.
- Направляющий поток на баннере «Перейти к турнирам».
Лавровый венок
sprite
blend: screen
leaf.png · 1536×1536
Атлас 3×3 = 9 кадров
по 512×512 px,
12 fps, цикл 0.75 с.
background-size: 300% 300%;
animation: fx-sprite-leaf 0.75s steps(1, end) infinite;
- Венок вокруг аватара чемпиона месяца.
- Обрамление кубка в карточке трофея команды.
- Венок вокруг числа побед в профиле.
- Обрамление бейджа «Победитель турнира».
- Венок в шапке зала славы.
Разряд молнии
sprite
blend: screen
sparkle_sprite_light_000.png · 207×256
Атлас 1×4 = 4 кадров
по 207×64 px,
12 fps, цикл 0.333 с.
background-size: 100% 400%;
animation: fx-sprite-sparkle-light-000 0.333s steps(1, end) infinite;
- Короткий разряд по кромке кнопки при ошибке ввода.
- Молния на плашке «Время хода истекло».
- Разряд на иконке штрафа в модераторском журнале.
- Молния по строке проигранной партии в истории.
- Разряд на бейдже «Дисквалификация» в сетке.
Растущая звезда
sprite
blend: screen
stars.png · 384×384
Атлас 3×3 = 9 кадров
по 128×128 px,
14 fps, цикл 0.643 с.
background-size: 300% 300%;
animation: fx-sprite-stars 0.643s steps(1, end) infinite;
- Растущая звезда при повышении рейтинга Glicko-2.
- Звезда, вспыхивающая на кнопке «Оценить соперника».
- Акцент на новой звезде в шкале мастерства.
- Звезда на бейдже при получении ачивки.
- Вспышка звезды на кубке при добавлении трофея.
Блеск золотой монеты
sprite
blend: screen
yingchouma.png · 640×512
Атлас 5×4 = 20 кадров
по 128×128 px,
20 fps, цикл 1 с.
background-size: 500% 400%;
animation: fx-sprite-yingchouma 1s steps(1, end) infinite;
- Блеск монеты рядом с балансом фишек в шапке.
- Анимация награды в календаре ежедневного бонуса.
- Блеск на иконке ставки в карточке стола.
- Монета в анимации перевода фишек другу.
- Блеск на бейдже «Денежный стол».
