Задать вопрос
@efreytor
html css junior
верстка

Как сделать разделенный на две части border?

Как можно сделать подобный трюк с границами в css? При этом все должно быть на прозрачном фоне...5b97a819096aa395105929.jpeg
  • Вопрос задан
  • 205 просмотров
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 2
0xD34F
@0xD34F
Псевдоэлементами. Например.
Ответ написан
Комментировать
Комментировать
tema_sun
@tema_sun
:before, :after с градиентом в прозрачность.

Как-то так:
:before{
content: "";
display: block;
width: 3px;
height: 100%;
background: linear-gradient(to bottom,  #000 45%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 50%, #000 50%);
}
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Frontend программист-разработчик
Максавит • Нижний Новгород
До 200 000 ₽
PHP-программист (SEO-правки)
Demis Group
от 50 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Подключить сервер к сети
27 апр. 2024, в 02:39
1500 руб./за проект
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
Ещё заказы