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来切换要显示的图片的位置，这种技术叫做图片整合技术。