css如何实现动态模糊遮罩效果

html-css013

css如何实现动态模糊遮罩效果,第1张

不是很明白你要的是什么效果,既然是导航,本来z-index就会高于内容,不会影响误操作到内容,没必要做遮罩层。鼠标放到哪,哪模糊,用a:hover实现就行了,你如果要遮罩整个界面而不只是导航下面那部分,那做一个遮罩层就行了,做成半透明,控制他的display在none和block之间变换,绑定移入移出事件给导航的各个元素。

方法如下:

1、启动flash后,新建一个大小为600*400,帧频为12fps,背景颜色为白色的文档。

2、执行文件-导入-导入到库命令,导入一张风景图片,设置大小为600*400,x为0,y为0。

3、在100帧处插入帧,新建图层2,选择第一帧绘制一个正圆形。

4、依次在25,50,75,100帧处插入关键帧,并依次设置圆形所在的位置。

5、在相邻的关键帧之间创建传统补间动画,设置图层2为遮罩层。

6、执行文件-导出-导出影片命令,选择gif动画格式,将文件导出后就完成了。

扩展资料

1、遮罩层的基本原理是:能够透过该图层中的对象看到“被遮罩层”中的对象及其属性(包括变形效果),但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。比如,不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。

2、可以用“Actions”动作语句建立遮罩,但这种情况下只能有一个“被遮罩层”,同时,不能设置_Alpha属性。

3、要在场景中显示遮罩效果,可以锁定遮罩层和被遮罩层。不能用一个遮罩层试图遮蔽另一个遮罩层。遮罩可以应用在gif动画上

4、在制作过程中,遮罩层经常挡住下层的元件,影响视线,无法编辑,可以按下遮罩层时间轴面板的显示图层轮廓按钮,使之变成,使遮罩层只显示边框形状,在种情况下,还可以拖动边框调整遮罩图形的外形和位置。

参考资料来源:百度百科-遮罩动画