关于Transition在Chrome下的闪动bug以及斜切之后字体模糊解决方案
发布在Daze的前端学习笔记2016年1月3日view:4935css3
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

在大漠老师的w3c上看sass博文原文地址,在里面最后的demo里面看到一个css属性:-webkit-backface-visibility,去问了一下度娘,找到一篇博文原文地址,介绍了这个属性,是用来解决Chrome渲染Transition时页面闪动Bug,自己测试一下,果然有效,不过对这个属性添加hidden之后会导致demo的二级菜单文字变模糊,demo地址enter image description here不知道是Chrome自身文字渲染的问题,还是Sass的问题,暂时想到一个解决方案是对二级菜单添加-webkit-backface-visibility: visible;修改后demo,为了区分效果,对二级菜单的奇数项做了改变。enter image description here只能吐槽一下chrome的渲染了,睡~~

评论
发表评论
暂无评论
WRITTEN BY
发发呆哟
前端路上挣扎
TA的新浪微博
PUBLISHED IN
Daze的前端学习笔记

记录工作学习中遇到的各种小坑,不喜勿喷,有错欢迎指出

友情链接 大搜车前端团队博客
我的收藏