마스크 연습

해결됨
gga01075 프로필

https://www.interword.hu/

이 사이트에 있는 위의 글자처럼 뒤에 video태그를 배경으로 깔아두고 글자에 마스크 처리를 해서 보여줄순없나요?

밑의 사진 2장은 제가 연습해본 html,css파일인데 잘 안됩니당ㅠㅠㅠ

1분코딩 프로필
1분코딩 7달 전

SVG 마스크는 SVG 내부의 요소들에 적용이 되는 것이고요,
이런건 SVG 쓰실 것 없이 그냥 비디오 위에 글자 모양이 뚫린 투명 png 이미지를 position: absolute로 얹어주시면 됩니다.
살펴보니 보여주신 사이트도 그렇게 처리했네요^^

gga01075 프로필
gga01075 7달 전

감사합니당 ㅎㅎ성공했어요~

1분코딩 프로필
1분코딩 7달 전

오오 멋지네요~~~ㅎㅎㅎ👍
나중에 웹사이트 만드시면 한번 보여주세요^^

지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스