через псевдоэлемент svg картину на всю высоту кнопки (серый прямоугольник с белой стрелкой, это все одним svg файлом) причем сделать так чтобы если у кнопки увеличивается высота то и высота svg картинка увеличивается и занимается 100% процентов высоты кнопки. Подскажите, как это сделать?
https://codepen.io/MaximMaximovich/pen/bGRGBpx?editors=1100
юзай бэкграунд
а через псевдоэлемент можно как-то это все реализовать?
Да ::before { content: url('путь к картинке'); }
тогда серый квадрат не растягивается на всю высоту
Вам нужно чтобы тянулась только высота? Или ещё и пропорционально высоте тянулась ширина?
Тогда лучше фоном
Можно просто картинку IMG вставить, у неё по умолчанию именно такое поведение если задать только высоту 100% Понимаете о чём я, или показать?
понимаю, но хочется как-то сделать с помощью псевдоэлемента
Есть способ подстроить высоту в зависимости от ширины родителя, при помощи паддинга и процентов. - но нам не подходит. Ещё есть свойство aspect-ratio, но вам следует уточнить поддержку браузерами, т.к. ещё недавно это нельзя было использовать повсеместно
А какую задачу вы решаете? Почему именно с помощью псевдоэлемента?
Обсуждают сегодня