我到处搜索,包括 SO,但似乎没有人找到答案。我的问题是,当我使用 transform: scale(1.2)
和 opacity
将元素悬停时,元素会变大,这很好,但文本/内容会抖动或摆动它出现并缩放。
有没有办法阻止文本晃动/摆动/闪烁,因为这很烦人而且不利于用户体验?
您可以在此处查看示例:http://jsfiddle.net/dv78etsv/
非常感谢
最佳答案
您同时运行几个过渡,只需删除所有过渡并决定一个 - 对于特定的 css 属性 transition: opacity 1s
删除悬停时更改字体大小,不要过度使用过渡,这两个应该足够了:
.carte-sample {
transition: transform 1s;
}
.carte-inner {
transition: opacity 1s;
}
关于html - 使用 css transition 和 scale() 时文本抖动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28177053/