🦜
иконку в border radius и псевдоэлементами задать верхние и нижнее скругление
Size: a a a
2020 October 24
O
вообще проще всего фон в виде пнг воткнуть, но можно и самому нарисовать закругления через рисование кружков + цветной фон
🦜
(button>svg)::before::after
O
иконку в border radius и псевдоэлементами задать верхние и нижнее скругление
а левую-парвую части покрасить ступенчатым градиентом
SV
иконку в border radius и псевдоэлементами задать верхние и нижнее скругление
а сlip-path нельзя?
🦜
а сlip-path нельзя?
попробуй
🦜
еще можно сделать так, что фон белый, а у иконок есть радиус с отступом. Сами иконки закрашены. И когда переходишь на активную, то меняешь ей цвет на транспарент
SV
еще можно сделать так, что фон белый, а у иконок есть радиус с отступом. Сами иконки закрашены. И когда переходишь на активную, то меняешь ей цвет на транспарент
использую scg
SV
думал давать класс на активный и перекрашивать
O
SV
Onix
я бы вот так наверное верстал
это тоже вариант
O
хотя для 1 и 3 блокков вообще можно сделать радиус на конкретный уголок и overflow: hidden
O
тут главное всю верстку на простые блоки разбивать
O
ну почти там в конце какойто косяк но я его невидел =)
мне кстати нашли тред в хроме, в котором указывается что это баг хрома
L
Onix
мне кстати нашли тред в хроме, в котором указывается что это баг хрома
хех а как я пофиксил то
O
хех а как я пофиксил то
как ты хз, а вообще фиксится разбиением градиета на несоклько
O
причем так мы и не поняли, от версии браузера не зависит, а от чего зависит -хз
L
Onix
причем так мы и не поняли, от версии браузера не зависит, а от чего зависит -хз
ну ты попробуй код который я скинул
O
#g2 {
background: linear-gradient(90deg, #77afa7, #77afa7 18%, #fff 18%, #fff 20%, #94bd8b 20.5%, #94bd8b 38.5%, #fff 0,#fff 41%,#bcd063 0,#bcd063 59%,#fff 0,#fff 61.5%,#e0df34 0,#e0df34 79.5%);
}не работает
L
Onix
не работает
даладн