WOW-TAPLINK

<div class="wowtaplink-scrolltxt">
  <div class="wowtaplink-scrolltxt__inner wowtaplink-scrolltxt__inner--left">
    <div class="wowtaplink-scrolltxt__item">🔥 Новый курс уже доступен</div>
    <div class="wowtaplink-scrolltxt__item">🎉 Присоединяйтесь к WOW-Taplink</div>
    <div class="wowtaplink-scrolltxt__item">🚀 Продвигай себя с Taplink</div>
    <div class="wowtaplink-scrolltxt__item">💡 Идеи для твоего нейро-сайта</div>
    <div class="wowtaplink-scrolltxt__item">✨ Поддержка 24/7</div>
    <div class="wowtaplink-scrolltxt__item">📲 Уроки в Telegram</div>
    <div class="wowtaplink-scrolltxt__item">🧠 Консультации по Taplink</div>
    <div class="wowtaplink-scrolltxt__item">🌈 Дизайн под ключ</div>

    <!-- Дублируем для бесконечной прокрутки -->
    <div class="wowtaplink-scrolltxt__item">🔥 Новый курс уже доступен</div>
    <div class="wowtaplink-scrolltxt__item">🎉 Присоединяйтесь к WOW-Taplink</div>
    <div class="wowtaplink-scrolltxt__item">🚀 Продвигай себя с Taplink</div>
    <div class="wowtaplink-scrolltxt__item">💡 Идеи для твоего нейро-сайта</div>
    <div class="wowtaplink-scrolltxt__item">✨ Поддержка 24/7</div>
    <div class="wowtaplink-scrolltxt__item">📲 Уроки в Telegram</div>
    <div class="wowtaplink-scrolltxt__item">🧠 Консультации по Taplink</div>
    <div class="wowtaplink-scrolltxt__item">🌈 Дизайн под ключ</div>
  </div>
</div>

<style>
:root {
    --wowtaplink-lenttxt-bg: #dbeafe;
    --wowtaplink-lenttxt-speed: 35s;
    --wowtaplink-lenttxt-ease: linear;
    --wowtaplink-lenttxt-repeat: infinite;
    --wowtaplink-lenttxt-gap: 60px;
    --wowtaplink-lenttxt-rotate: -1deg;
    --wowtaplink-lenttxt-scale: 1.1;
    --wowtaplink-lenttxt-btop: 1px solid #ffffff;
    --wowtaplink-lenttxt-bbottom: 1px solid #ffffff;
    --wowtaplink-lenttxt-fontfamily: 'Arial', sans-serif;
    --wowtaplink-lenttxt-fontweight: 600;
    --wowtaplink-lenttxt-fontsize: 16px;
    --wowtaplink-lenttxt-fontcolor: #d42525;
    --wowtaplink-lenttxt-fchover: #3b82f6;
}

/* Контейнер */
.wowtaplink-scrolltxt {
  width: 100vw;
  overflow: hidden;
  position: relative;
  left: 50%;
  transform: translateX(-50%) rotate(var(--wowtaplink-lenttxt-rotate));
  background: var(--wowtaplink-lenttxt-bg);
  border-top: var(--wowtaplink-lenttxt-btop);
  border-bottom: var(--wowtaplink-lenttxt-bbottom);
  padding: 14px 0;
  cursor: pointer;
  transition: background 0.3s ease;
}

/* Внутренний трек */
.wowtaplink-scrolltxt__inner {
  display: flex;
  width: fit-content;
  align-items: center;
  -webkit-transform-style: preserve-3d;
}

.wowtaplink-scrolltxt__inner--left {
  animation: wowtaplink-scrolltxt-left var(--wowtaplink-lenttxt-speed) var(--wowtaplink-lenttxt-ease) var(--wowtaplink-lenttxt-repeat);
}

/* Элементы текста */
.wowtaplink-scrolltxt__item {
  font-family: var(--wowtaplink-lenttxt-fontfamily);
  font-weight: var(--wowtaplink-lenttxt-fontweight);
  font-size: var(--wowtaplink-lenttxt-fontsize);
  color: var(--wowtaplink-lenttxt-fontcolor);
  white-space: nowrap;
  margin: 0 var(--wowtaplink-lenttxt-gap);
  transition: transform 0.3s ease, color 0.3s;
  flex-shrink: 0;
}

.wowtaplink-scrolltxt__item:hover {
  transform: scale(var(--wowtaplink-lenttxt-scale));
  color: var(--wowtaplink-lenttxt-fchover);
}

/* Пауза при наведении */
.wowtaplink-scrolltxt:hover .wowtaplink-scrolltxt__inner,
.wowtaplink-scrolltxt:active .wowtaplink-scrolltxt__inner {
  animation-play-state: paused;
}

/* Анимация */
@keyframes wowtaplink-scrolltxt-left {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
</style>

1 Новость
Готовим для нашего клуба два новых мастер-класса: Мастер-класс "Отзывы" и Мастер-класс "Лента с лого" выйдем к вам с приятным предложением по доступу к этим и еще более 20 МК, которые уже записаны в клубе. Хотим узнать ваше мнение, насколько было бы интересно?

2 Новость - Хотите бесплатно, прямо здесь на канале поделимся кодом бегущей строки (вариант с текстом) Протестируем новый формат 😉 ?