CSS3 实现动画闪烁效果 animation

html-css080

CSS3 实现动画闪烁效果 animation,第1张

animation 属性是一个简写属性,用于设置六个动画属性:

如需修改在页面中的位置

将 .point 设为 position:absoulute ,修改其 left , top 位置即可

.point-flicker 是相对 .point 来定位的

修改大小时要将它的 margin-left: -40px margin-top: -40px改为对应大小的一半

最近在用element ui做后台管理系统,左侧菜单比较多了,所以需要拉动网页滚动条才可以看完整个菜单,

所以就把顶部导航浮动 fixed后 到一定高度就浮动起来,

但是中途遇到一个大坑,就是在浏览器中,滚动发高度刚好在导航需要浮动的高度山下不断 上下滑动滚动条的时候 ,页面会出现不断的闪烁,不知道大家有没有遇到个这样的bug

好了 不批话多了,直接看解决方法

重点来了。。。。。。。。

尼玛重点在那点啊。。

接到往下来 就是在我浮动的导航div外面在包一层div 就觉得了

css过滤动画图片变大后闪不停,将三个图片整合为一张图片可以改善。这样可以同时将三张图片一起加载,就不会出现闪烁的问题了,然后再通过background-position来切换要显示的图片的位置,这种技术叫做图片整合技术。