<!--Бегающая обводка шейпа в Zero Block. Больше кода найду тут - https://t.me/breeze_tilda-->
<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>