Всем привет. Возможно такую обводку сделать через css?

Question

Чат — Верстка Сайтов и Фронтенд

Вадим

Всем привет. Возможно такую обводку сделать через css?

#css #programming #russian

0

11.09.2023

19 ответов

63 просмотра

Вадим Автор вопроса

Макс Ворон
Возможно

Я так понимаю это делается через свойство border-image. Проблема в том, что у меня в макете эта обводка через три градиента, перекрывающих друг друга реализована. Вот я и не пойму как правильно это в CSS перенести

0

11.09.2023

Андрей Кирин 🚧

Вадим

Я так понимаю это делается через свойство border-i...

как вариант через генератор https://unused-css.com/tools/border-gradient-generator

0

11.09.2023

Андрей Кирин 🚧

Вадим

Я так понимаю это делается через свойство border-i...

2 примера похожие на ваш

0

11.09.2023

Макс Ворон

Попробуй их в 1 "соединить".

0

11.09.2023

Андрей Кирин 🚧

Вадим

Я так понимаю это делается через свойство border-i...

еще варианты https://codepen.io/amit_sheen/pen/LYNKerG

0

11.09.2023

Вадим Автор вопроса

Макс Ворон
Попробуй их в 1 "соединить".

Стикер

0

11.09.2023

Вадим Автор вопроса

Макс Ворон
Попробуй их в 1 "соединить".

А как это сделать?) Вот такой элемент и у него три обводки градиента

0

11.09.2023

Вадим Автор вопроса

Андрей Кирин 🚧

2 примера похожие на ваш

В принципе то, что нужно. Теперь осталось понять как из фигмы нужные цвета получить. В стилях почему то их нет

0

11.09.2023

Андрей Кирин 🚧

Вадим
В принципе то, что нужно. Теперь осталось понять к...

цвета должны быть внутри настроек градиентов

0

11.09.2023

Макс Ворон

Вадим

А как это сделать?) Вот такой элемент и у него тр...

https://yoksel.github.io/linear-gradients/

0

11.09.2023

Андрей Кирин 🚧

Вадим
В принципе то, что нужно. Теперь осталось понять к...

Попробуйте нажать в этой области, поидеи должны выйти настройки градиента и там можно будет цвета взять

0

11.09.2023

Андрей Кирин 🚧

Андрей Кирин 🚧
Попробуйте нажать в этой области, поидеи должны вы...

сорри скрин не отправился с 1 раза, попробуйте сюда нажать

0

11.09.2023

Вадим Автор вопроса

Андрей Кирин 🚧

сорри скрин не отправился с 1 раза, попробуйте сюд...

Спасибо, цвета увидел. Все так просто было. А как определить положение цвета и направление градиента?

0

11.09.2023

Андрей Кирин 🚧

Вадим

Спасибо, цвета увидел. Все так просто было. А как ...

я бы наверно на глаз делал дальше главное есть откуда взять цвета дизигна

0

11.09.2023

Вадим Автор вопроса

Андрей Кирин 🚧
я бы наверно на глаз делал дальше главное есть отк...

Вроде бы беру такие же значения, но градиент не тот получается. https://unused-css.com/tools/border-gradient-generator?p=22EYcwvA7gxAZn8BoCsCBMA2BBGVCAOAHggAwDcATgBRQAs6AhgCYyMAExApAuSMPZQA4a2AJy4sAZhTEAdAIEBKJAHYuPPpVRIUWndpIziirMU4KgA

0

11.09.2023

Андрей Кирин 🚧

Вадим

Вроде бы беру такие же значения, но градиент не то...