遮罩效果

一、从底部上升的遮罩效果

图片一

内容一内容一内容一内容一内容一内容一
图片二

内容二内容二内容二内容二内容二内容二
图片三

内容三内容三内容三内容三内容三内容三
图片四

内容四内容四内容四内容四内容四内容四
图片五

内容五内容五内容五内容五内容五内容五
图片六

内容六内容六内容六内容六内容六内容六

二、直接显示遮罩效果

图片一

内容一内容一内容一内容一内容一内容一
图片二

内容二内容二内容二内容二内容二内容二
图片三

内容三内容三内容三内容三内容三内容三
图片四

内容四内容四内容四内容四内容四内容四
图片五

内容五内容五内容五内容五内容五内容五
图片六

内容六内容六内容六内容六内容六内容六

三、从侧部显示遮罩效果

图片一

内容一内容一内容一内容一内容一内容一
图片二

内容二内容二内容二内容二内容二内容二
图片三

内容三内容三内容三内容三内容三内容三
图片四

内容四内容四内容四内容四内容四内容四
图片五

内容五内容五内容五内容五内容五内容五
图片六

内容六内容六内容六内容六内容六内容六

四、从左侧滑入显示遮罩效果

图片一

内容一内容一内容一内容一内容一内容一
图片二

内容二内容二内容二内容二内容二内容二
图片三

内容三内容三内容三内容三内容三内容三
图片四

内容四内容四内容四内容四内容四内容四
图片五

内容五内容五内容五内容五内容五内容五
图片六

内容六内容六内容六内容六内容六内容六

五、鼠标滑过图片放大效果

图片一
图片二
图片三
图片四
图片五
图片六

六、图片放大效果伴随蒙版文字出现效果

图片一
图片二
图片三
图片四
图片五
图片六