Анимация виджета

[baltun]

baltun разместил(а) новый ресурс:

Анимация виджета - Анимация блока виджета

Пишем наш стиль для виджета:

.block[data-widget-section="onlineNow"] {
    backdrop-filter: blur(16px);
    transform-style: preserve-3d;
    animation: float 6s ease-in-out infinite;
    position: relative;
}

.block[data-widget-section="onlineNow"]::before {
  content: "";
  position: absolute;
  inset: -2px;
  filter: blur(25px);
  opacity: 0.4;
  z-index: -1;
  animation: holo 4s linear infinite;
  background-size: 400% 100%;
}

@keyframes holo {
  to {
    background-position...

Посмотреть страницу этого ресурса...