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%);


Буду очень благодарен
  • Вопрос задан
  • 342 просмотра
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Figma предоставляет следующий код, но он не работает:

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

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

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

Войти через центр авторизации
Похожие вопросы