当前位置:   article > 正文

translate3d(0,0,0)_transform:translate3d(0,0,0)

transform:translate3d(0,0,0)

-webkit-transform:translate3d(0,0,0)触发GPU加速,让网页动画更流畅
https://blog.csdn.net/aaa333qwe/article/details/78155155

在使用 transform: translate3d(50%, 50%, 0) 时:

如果元素的高度可以固定,那么其值设置为偶数即可
如果元素的高度不可以固定,看看 translateY 是否可以设置为绝对单位(px)
如果上面两者都不行,可以使用 display: flex; align-items: center 来做,缺点是多了一层父元素
如果第三条方法也不行,可以尝试使用 display: table

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/墨韵书生/article/detail/60265
推荐阅读
  

闽ICP备14008679号