| |||||||
|
|||||||
1번 효과 | 2번 효과 | 3번 효과 | 4번 효과 | 5번 효과 | |||
6번 효과 | 7번 효과 | 8번 효과 | 9번 효과 | 10번 효과 | |||
11번 효과 | 12번 효과 | 13번 효과 | 14번 효과 | 15번 효과 | |||
16번 효과 | 17번 효과 | 18번 효과 | 19번 효과 | 20번 효과 | |||
21번 효과 | 22번 효과 | 23번 효과 | 24번 효과 | 25번 효과 | |||
26번 효과 | 27번 효과 | 28번 효과 | 29번 효과 | 30번 효과 | |||
전환 ◑ | : DOWNLOAD ▼▼ | ||||||
임베딩 CSS |
<style> .effect-div { width:이미지가로px; height:이미지세로px; background-image:url('이미지경로'); background-size:cover; background-position:center; } .effect-div video { width:100%; height:100%; display:block; object-fit:cover; mix-blend-mode:screen; } </style> <div class=effect-div><video src="mp4경로" autoplay loop muted></video></div> |
||||||
인라인 CSS |
<div style="width:이미지가로px; height:이미지세로px; background-image:url('이미지경로'); background-size:cover; background-position:center"> <video src="mp4경로" style="width:100%; height:100%; display:block; object-fit:cover; mix-blend-mode:screen" autoplay loop muted></video> </div> |