◀◀ PREV [ 현재 ] : NEXT ▶▶
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>