У нас куки.
Но не печеньки, а файлы, которые делают сайт умнее. Без них он бы выглядел, как интернет в 2004 — серый, медленный и с Comic Sans.
Код позволяет анимировать обводку вашего шейпа, будь то прямоугольник или окружность.
Бегающая обводка шейпа в Zero Block.
Шаг 1
Добавляем шейп в Zero-Block, задаем ему ширину, высоту и цвет.
Шаг 2
Задаем CSS-class «box» этому шейпу
Шаг 3
Копируем код ниже и вставляем в блок T123.
<style>
.box {
    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden;
    align-items: center;
    border-radius: 20px; /*здесь можно менять значение скргления шейпа*/
}

.box::before {
    position: absolute;
    content: '';
    width: 130px;
    height: 140%;
    background: linear-gradient(#f00, #0f0); /*здесь можно указать цвета бегающей обводки*/
    animation: animate 5s linear infinite;
}

@keyframes animate {
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}

.box::after {
  position: absolute;
  content: '';
  inset: 4px; /*здесь можно поменять ширину бегающей обводки*/
  background-color: #0F0F0F; /*здесь укажите тот цвет, который указали в шейпе в Zero Block*/
  border-radius: 16px; /*здесь также можно менять значение скргления внутреннего шейпа*/
}

</style>у
Шаг 4
Меняем в коде цвет на цвет шейпа из Zero-Block вот здесь «background-color: #0F0F0F» (это почти в самом конце кода).

Made on
Tilda