css3 transition transform属性造成文字抖动

来源:互联网 发布:kmp算法next函数 编辑:程序博客网 时间:2024/05/15 01:31

现象:信息栏第一行文字,最后总会抖动

这里写图片描述

代码:

.match .match-item{    width: 200px;    height: 300px;    display: inline-block;    margin: 0 10px 0;    box-shadow: 0 1px 6px 2px rgba(1,1,1,0.6);    border-radius: 2px;    border: 2px solid rgba(1,1,1,0.6);    transition: all 0.5s;    position: relative;    cursor: pointer;}.match .match-item:hover{    transform: scale(1.05);    box-shadow: 0 1px 8px 4px rgba(1,1,1,0.8);    border: 2px solid #68d0ff;}

解决办法 : translateZ(0)

transform: scale(1.05) translateZ(0);
阅读全文
0 0
原创粉丝点击