Мы используем куки на всех своих сайтах, включая этот.
Потому что без кук вообще весь интернет работал бы через задницу.
Cookies necessary for the correct operation of the site are always enabled.
Other cookies are configurable.
Essential cookies
Always On. These cookies are essential so that you can use the website and use its functions. They cannot be turned off. They're set in response to requests made by you, such as setting your privacy preferences, logging in or filling in forms.
Analytics cookies
Disabled
These cookies collect information to help us understand how our Websites are being used or how effective our marketing campaigns are, or to help us customise our Websites for you. See a list of the analytics cookies we use here.
Advertising cookies
Disabled
These cookies provide advertising companies with information about your online activity to help them deliver more relevant online advertising to you or to limit how many times you see an ad. This information may be shared with other advertising companies. See a list of the advertising cookies we use here.
Код позволяет анимировать обводку вашего шейпа, будь то прямоугольник или окружность.
Бегающая обводка шейпа в 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