木豪末的博客

原创 解决使用css元素放大动画导致的文字抖动模糊问题

1.问题最近在开发一个tv端的项目，各种兼容性问题，只能使用最原生的方式去开发，其中有一个需求就是给选中的元素添加一个放大的动画，我在添加动画之后遇到了元素放大以后，元素上面的文字也会跟着有轻微的位移跟模糊的情况，很影响体验2.解决方案经过网上搜索，有人说给抖动的文字加上transform:translate3d(0,0,0)就可以了，经过实测这个方法是无效的。还有人说给抖动的文字加上transform:perspective(1px)的样式，测试以后发现这个方法是可以的，加上以后文字再也不