Задать вопрос
iNeextt
@iNeextt
Junior Front end Developer

Как сделать такой border?

Подскажите пожалуйста, как сделать такой border?

616a9793204ee082201769.png

Figma предоставляет следующий код, но он не работает:

border: 3px solid;
border-image-source: linear-gradient(90deg, #FFFFFF 19.21%, rgba(166, 76, 255, 0.39) 50.9%, #FFFFFF 83.01%);


Буду очень благодарен
  • Вопрос задан
  • 399 просмотров
Подписаться 2 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Figma предоставляет следующий код, но он не работает:

Логично.
Ведь кроме кода в Фигме есть еще спека свойства border-image, в которой написано, что мало прописать картинку.
Вот толковая статья https://webref.ru/css/border-image

Но я бы заменила на фон с тем же самым градиентом.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы