@Programmir

Как сделать диагональную линию между двумя div?

Уже восемь часов пытался сделать диагональ между двумя блоками, но так и не получилось. Пробовал через skew. Есть два блока, разделенные диагональной линией в сорок градусов. Два блока как табы, по ним можно кликать. У выбранного блока другой background, появляется border сверху, а у неактивного таба border снизу. То есть, border сверху доходит до диагональной линии, она потом идет вниз по диагонали и касается border снизу у неактивного таба.

2521a5a3e06e4b5b834557bc445b15b1.png
  • Вопрос задан
  • 2554 просмотра
Пригласить эксперта
Ответы на вопрос 2
qork
@qork
{ background: #F00B42 }
Ответ написан
Комментировать
Что не получилось со skew? Вроде, можно подобрать skewY и translateY:
f6e27dad56b24bf1b9bacba54ffe07e5.pngfiddle

Или просто активному до- и после- пририсовывать по бокам «уши».
Ответ написан
Ваш ответ на вопрос

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

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