在頁面載入時抑制CSS 轉換啟動
在頁面載入時抑制CSS 轉換啟動
在某些情況下,CSS 轉換可能會在頁面載入期間無意中激活,從而導致元素閃爍。在元素上應用顏色過渡時可能會出現此問題。
CSS:
p.green {
color: green;
transition: color .2s;
}
p.green:hover {
color: yellow;
}
根據提供的範例:
CSS:
p.green {
color: green;
transition: color .2s;
}
p.green:hover {
color: yellow;
}
CSS:
p.綠色{
顏色:綠色;
過渡:顏色0.2s;
}
p.green:懸停{
顏色: 黃色;
}
HTML:
閃爍文字
頁面載入後,
元素中的文字從黑色(初始顏色)轉變為綠色。這種行為是不需要的,並且可能會造成視覺破壞。
CSS:
p.green {
color: green;
transition: color .2s;
}
p.green:hover {
color: yellow;
}
為了防止這種意外的轉變,解決方案涉及利用 Chrome 行為的獨特方面。當頁麵包含