169 похожих чатов

Я уже замаялся.как сделать так что бы свг была прозрачной

и сквозь нее было видно картинку за ней?при этом при скроле было движение в этой свгшке. Типа свг маска но хз как двигаться заставить это всё

30 ответов

35 просмотров

Не знаю как это сделать, но такую фишку тоже где-нибудь использовал бы)

Anatoliy-Kernokus Автор вопроса
ineVadim Kolbik
fill-opacity пробовал?

Да тут такие простые решения не пройдут)

Anatoliy Kernokus
Да тут такие простые решения не пройдут)

Ну если не пробовал, то стоит всётаки, не за компом счас, так бы поэксперементировал бы

Anatoliy-Kernokus Автор вопроса
ineVadim Kolbik
Ну если не пробовал, то стоит всётаки, не за компо...

Я пробовал через саму Свг маску. Но это ещё саму картинку надо двигать под ней тогда,а у меня свгшка сложная,даже наложить пока не смог

Anatoliy-Kernokus Автор вопроса
ineVadim Kolbik
Ну если не пробовал, то стоит всётаки, не за компо...

https://rallyinteractive.com/studio/ во как тут с буквами вертикальными где-то в середине лендинга. но тут двигаются буквы,а надо что бы двигался фон и буквы у меня горизонтальные..

А вариант вставки SVG в src тега IMG, тебя не устраивает?

Anatoliy-Kernokus Автор вопроса
🅑ремён Валeрьeвич Лeрмoнтoв
А вариант вставки SVG в src тега IMG, тебя не устр...

аа в чем тут профит? вопрос же не в том как вставить элемент

Anatoliy-Kernokus Автор вопроса
🅑ремён Валeрьeвич Лeрмoнтoв
Сам свг у тебя на прозрачном фоне?

я пока что понятия не имею как это сделать. должно получиться так - свгшка просвечивает картинку за собой и при движении меняется просвечивающийс контент

Anatoliy Kernokus
почему ховер-то?

Ну технически тебе нужно чтобы ховер простреливаль сквозь свг в картинку...

Anatoliy-Kernokus Автор вопроса
🅑ремён Валeрьeвич Лeрмoнтoв
Ну технически тебе нужно чтобы ховер простреливаль...

без ховера. всегда надо видеть картинку только в трафарете свг

Anatoliy Kernokus
без ховера. всегда надо видеть картинку только в т...

Ну так я и ответил, ставишь свг в срц в имг и это над твоей картинкой, в качестве маски

Anatoliy Kernokus
https://rallyinteractive.com/studio/ во как тут с ...

Так буквам positio absolute задать чтобы не двигались

Anatoliy Kernokus
без ховера. всегда надо видеть картинку только в т...

И так как в твоем свг есть прозрачные области , по ними будет просвечивать картинка

Anatoliy-Kernokus Автор вопроса
🅑ремён Валeрьeвич Лeрмoнтoв
И так как в твоем свг есть прозрачные области , по...

дак всю остальную часть картинки помимо трафарета свг надо сделать невидимой

Anatoliy-Kernokus Автор вопроса
🅑ремён Валeрьeвич Лeрмoнтoв
Не выйдет

выйдет , только через clipPath

Anatoliy-Kernokus Автор вопроса
Anatoliy Kernokus
там эта шняга не работает?

Инфа старая, но да, там это не работало.

Anatoliy-Kernokus Автор вопроса
🅑ремён Валeрьeвич Лeрмoнтoв
Инфа старая, но да, там это не работало.

да я вот смотрю, вроде работает если говорить о свг атрибуте таком. короче буду страдать

Похожие вопросы

Обсуждают сегодня

Господа, а что сейчас вообще с рынком труда на делфи происходит? Какова ситуация?
Rꙮman Yankꙮvsky
29
А вообще, что может смущать в самой Julia - бы сказал, что нет единого стандартного подхода по многим моментам, поэтому многое выглядит как "хаки" и произвол. Короче говоря, с...
Viktor G.
2
30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
14
Добрый день! Скажите пожалуйста, а какие программы вы бы рекомендовали написать для того, чтобы научиться управлять памятью? Можно написать динамический массив, можно связный ...
Филипп
7
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
Карта сайта