Qui-Note官网Logo
导航:Qui-Note/mix-blend-mode

mix-blend-mode

三原色滤色叠加

<div class="containers">
	        <div class="mode red"></div>
	        <div class="mode blue"></div>
	        <div class="mode white"></div>
</div>

图片滤色叠加

<div class="box2">
	<div class="box1">
		<img src="../img/5.jpg" alt=""/>
		<span>无效果</span>
	</div>
	<div class="box1">
		<img src="../img/5.jpg" alt=""/>
		<img class="screen"  src="0.gif"/>
		<span>滤色</span>
	</div>
	<div class="box1">
		<img src="../img/5.jpg" alt=""/>
		<img class="screen"  src="2.gif"/>
		<span>滤色</span>
	</div> 
</div>

视频滤色叠加

<div class="box2">
	<div class="box3">
		<img   src="0.gif"/>
		<video class="screen"   src="0.mp4" width="500" height="420" autoplay="autoplay" controls="controls" ></video>
	</div> 
</div>

效果展示:

三原色滤色叠加

图片滤色叠加

无效果
滤色
滤色

视频滤色叠加

X
馊稀饭 赞助了 陈小知 9.99
太阳 赞助了 陈小知 18.8
fonhen 赞助了 陈小知 8.76
admin 赞助了 陈小知 9.90
ku5151 赞助了 陈小知 9.90
admin 赞助了 陈小知 6.90
Tiger 赞助了 陈小知 9.90
cznq1106 赞助了 陈小知 9.90
459977099 赞助了 陈小知 9.90
2910224190 赞助了 陈小知 9.90