三原色滤色叠加

<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>