CSS Text Mask with Video or Canvas (probably not a good idea)
Wes Bos · 2:15 · Watch on YouTube
스피커는 -webkit-background-clip: text를 사용하여 제목 텍스트를 정적 배경 이미지 대신 라이브 애니메이션 캔버스로 채웁니다. 각 캔버스 프레임을 데이터 URI로 변환하고 몇 초마다 CSS 사용자 정의 속성에 작성한 다음 해당 변수를 제목의 background-image로 사용하는 방식으로 작동합니다. 그는 이 해킹을 "정말 미친" 것이라고 말하며, 프로덕션이 아닌...