@oja
Лицо, которое вы видите чаще, чем своего кота, актер в @go.freelance
Oan James
@achne
Копирайтер, гений творческой мысли и чудный мастер капкейков в @go.freelance
Maria Achne
@mandreev
Креативный дизайнер, motion дизайнер и визуализатор в @go.freelance
Max Andreev
@asemenova
Продуктовый дизайнер, бренд-менеджер и креативный директор @go.freelance
Alina Semenova

Градиентная обводка элементов в Тильда

Градиентная обводка для шейпа и каринки в Zero блоке

1. Добавляем элементу класс .gborder
2. Добавляем HTML-код — T123 и вставляем в него код
3. Подбираем значение bored-radius в зависимости от скругления шейпа
<style>
.gborder .tn-atom {
  position: relative;
}
.gborder .tn-atom::before {
  content: "";
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  background: linear-gradient(45deg, #fb00ff, #001fff);
  border-radius: 17px;
  z-index: -1;
}
</style>

Градиентная обводка для кнопки в Zero блоке

1. Добавляем элементу класс .gbtn
2. Добавляем HTML-код — T123 и вставляем в него код
3. Подбираем значение bored-radius в зависимости от скругления кнопки
<style>
.gbtn .tn-atom {
  position: relative;
}
.gbtn .tn-atom::before {
  content: "";
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  background: linear-gradient(45deg, #fb00ff, #001fff);
  border-radius: 29px;
  z-index: -1;
}
</style>
Made on
Tilda