日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

transition transform屬性造成文字抖動及模糊的解決方法

作者:我總是詞不達意 更新時間: 2022-09-22 編程語言

在動畫的transform里加上translateZ(0)值, 能解決文字抖動的問題,但是沒能解決文字模糊的問題。
在使用transition transform發生文字模糊的地方加上transform: translate3d(0,0,0),解決文字模糊以及的問題。

<van-icon name="arrow-down"
          color="#9599d4"
          style="transition: transform 0.3s; transform: translate3d(0, 0, 0)"
          :class="setIconStyle(true)" />
//動態設置角色列表的圖標樣式
setIconStyle() {
    return function(val) {
        return val ? 'negative-rotate': 'positive-rotate'
    }
},
.positive-rotate {
  transform: rotate(0deg) translateZ(0)
}

.negative-rotate {
  transform: rotate(-180deg) translateZ(0)
}

原文鏈接:https://blog.csdn.net/weixin_43743175/article/details/126753256

欄目分類
最近更新