Size: a a a

CSS — русскоговорящее сообщество

2020 May 26

AB

Alexander Berezin in CSS — русскоговорящее сообщество
Maks Maks
Ребят, подскажите как по умному. Есть кнопка с картинкой, при ховере меняется заливка и картинка должна становиться белой полностью. Сижу думаю как лучше сделать. Хотел использовать svg но там fill:white не очень работает из-за специфики картинок
покажи картинку
источник

RS

Roman Solodukhin in CSS — русскоговорящее сообщество
Maks Maks
Ребят, подскажите как по умному. Есть кнопка с картинкой, при ховере меняется заливка и картинка должна становиться белой полностью. Сижу думаю как лучше сделать. Хотел использовать svg но там fill:white не очень работает из-за специфики картинок
Может, opacity: 0 сделать?
источник

MM

Maks Maks in CSS — русскоговорящее сообщество
Точно, ща попробую)
источник

MM

Maks Maks in CSS — русскоговорящее сообщество
вот как пример
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
ну или опасити 0, если фон белый
источник

MM

Maks Maks in CSS — русскоговорящее сообщество
у меня есть лого вот что я скинул на фоне белой кнопки и белое для другого фона. В итоге сделал как: обе картинки сразу на кнопке но белый display:none при ховере наоборот белая display:block а цветная наоборот none) как не додумался фиг знает) спасибо огромное за наводку)
источник

DD

Dmitry D in CSS — русскоговорящее сообщество
а почему на svg может не работать fill? вчера тоже пытался иконку перекрасить, чет не работает. вот например этот случай как перекрасить иконку в красный? https://codepen.io/da42cod/pen/ZEbZeMy
источник

MM

Maks Maks in CSS — русскоговорящее сообщество
fill будет работать только если вставлять svg кодом
источник

MM

Maks Maks in CSS — русскоговорящее сообщество
и применять fill именно к элементам внутри svg, path и т.п.
источник

DD

Dmitry D in CSS — русскоговорящее сообщество
а вот такую готовую иконку нельзя перекрашивать на лету?
источник

MM

Maks Maks in CSS — русскоговорящее сообщество
Dmitry D
а вот такую готовую иконку нельзя перекрашивать на лету?
источник

MM

Maks Maks in CSS — русскоговорящее сообщество
источник

MM

Maks Maks in CSS — русскоговорящее сообщество
Такой варик работает, видимо зависит от ситуации, елси изначально у path и прочего уже не задан fill то сработает на всей svg)
источник

DD

Dmitry D in CSS — русскоговорящее сообщество
это ты мою иконку разобрал на код? каким сервисом?
источник

K

Kirill in CSS — русскоговорящее сообщество
всем привет, у меня довольно странная проблема с svg картинкой, на пк и андроиде иконка выглядит нормально (как справа), а на ios доллар съезжает у нее (как слева), это один целостный svg, в чем может быть вообще проблема? верстка тут не причем
источник

IN

Igor N in CSS — русскоговорящее сообщество
Dmitry D
это ты мою иконку разобрал на код? каким сервисом?
в текстовом редакторе открой её)
источник

K

Kirill in CSS — русскоговорящее сообщество
или может кто подскажет чат по вопросам svg
источник

DD

Dmitry D in CSS — русскоговорящее сообщество
астрологи объявили неделю проблем с svg LUL
источник

DP

Dmitriy Pikulin in CSS — русскоговорящее сообщество
Добрый день, можете подсказать как сделать так, чтобы блоки (Slide *) не выходили за пределы красного родителя и добавлялся у них скролл если выходят за его пределы

https://codepen.io/aspirisen/pen/dyYEYMG?editors=1100
источник

AK

Andrei Konash in CSS — русскоговорящее сообщество
Kirill
всем привет, у меня довольно странная проблема с svg картинкой, на пк и андроиде иконка выглядит нормально (как справа), а на ios доллар съезжает у нее (как слева), это один целостный svg, в чем может быть вообще проблема? верстка тут не причем
codepen можно картинки этой?
источник