🚀🚀
а border-image-outset или border-image-width задают точную ширину фрагментам
Size: a a a
2021 March 21
🚀🚀
а border-image-outset или border-image-width задают точную ширину фрагментам
𝐁𝐏
Звучит интересно, только пока не понял, как это применить к 2 разным блокам в стык
🚀🚀
css-tricks как обычно находят чем удивить в казалось бы банальной теме)
🚀🚀
Звучит интересно, только пока не понял, как это применить к 2 разным блокам в стык
ну типа у активного таба рисуется верхняя часть (закругление) и stretch середины бока (прямая линия)
🚀🚀
а у неактивного таба рисуется нижняя часть, в которой svg обращён от этого самого таба
🚀🚀
короче это несколько подзадач — научиться устанавливать кастомную точную ширину бордера, научиться бить бордер на фрагменты, в нижнем левом/правом углу нарисовать кривую от элемента
🚀🚀
интересная задача)
𝐁𝐏
я так понимаю, получится что-то такое
🚀🚀
напоминает как я в 2007 делал бордеры нарезая картинки в фотошопе 😅
🚀🚀
ага
𝐁𝐏
ага
Может получится в принципе. Главное, что б оно в стык спозиционировало
𝐁𝐏
так я не пробовал - опробую)
Спасибо!
Спасибо!
🚀🚀
у меня кстати получилось, что бордеры соседних табов должны накладываться друг на друга, тогда когда таб станет активным он просто заполнит общее пространство за двоих)
🚀🚀
кстати в таком случае вместо стыков можно чертить в перехлёст, чтобы уж наверняка без пробелов (главное чтобы хотя бы по вертикали совпало как надо)
𝐁𝐏
у меня кстати получилось, что бордеры соседних табов должны накладываться друг на друга, тогда когда таб станет активным он просто заполнит общее пространство за двоих)
Не сильно понял чертёж, как в перехлёст оно должно быть
𝐁𝐏
Между самими табами обычно бордеров нет, они появляются только при открытии
𝐁𝐏
То есть идёт просто список в столбик и бордеры появляются при открытии
🚀🚀
так не получится) потому что тогда бордеры будут либо смещать все табу подряд либо неправильно накладываться
🚀🚀
ну типа чтобы бордеры обоих табов попали на одно и то же пространство