и сквозь нее было видно картинку за ней?при этом при скроле было движение в этой свгшке. Типа свг маска но хз как двигаться заставить это всё
Не знаю как это сделать, но такую фишку тоже где-нибудь использовал бы)
Да я уже голову сломал
fill-opacity пробовал?
Да тут такие простые решения не пройдут)
Ну если не пробовал, то стоит всётаки, не за компом счас, так бы поэксперементировал бы
Я пробовал через саму Свг маску. Но это ещё саму картинку надо двигать под ней тогда,а у меня свгшка сложная,даже наложить пока не смог
https://rallyinteractive.com/studio/ во как тут с буквами вертикальными где-то в середине лендинга. но тут двигаются буквы,а надо что бы двигался фон и буквы у меня горизонтальные..
А вариант вставки SVG в src тега IMG, тебя не устраивает?
аа в чем тут профит? вопрос же не в том как вставить элемент
Сам свг у тебя на прозрачном фоне?
я пока что понятия не имею как это сделать. должно получиться так - свгшка просвечивает картинку за собой и при движении меняется просвечивающийс контент
Ты хочешь сквозной ховер
почему ховер-то?
Ну технически тебе нужно чтобы ховер простреливаль сквозь свг в картинку...
без ховера. всегда надо видеть картинку только в трафарете свг
Ну так я и ответил, ставишь свг в срц в имг и это над твоей картинкой, в качестве маски
Так буквам positio absolute задать чтобы не двигались
И так как в твоем свг есть прозрачные области , по ними будет просвечивать картинка
дак всю остальную часть картинки помимо трафарета свг надо сделать невидимой
выйдет , только через clipPath
Если выйдет, расскажи как
http://css.yoksel.ru/svg-masks/
В сафари проверь ;)
там эта шняга не работает?
Инфа старая, но да, там это не работало.
да я вот смотрю, вроде работает если говорить о свг атрибуте таком. короче буду страдать
Обсуждают сегодня