transform - CSS3 transition在chrome下的BUG
巴扎黑
巴扎黑 2017-04-17 11:26:18
0
2
515

一段很简单的代码:

p{width:100px;height:100px;background:red;transition:all .5s ease;}
p:hover{transform:rotate(30deg);}

在chrome 45下,鼠标移动到p上时,偶尔会没有过渡效果,而是直接旋转到30度,离开的时候也会偶尔没有过渡效果,直接回到0度。在firefox下却没有这个问题。

巴扎黑
巴扎黑

répondre à tous(2)
迷茫

.p{transition:all .3s ease}
.p:hover{transition:all .3s ease;transform:rotate(360deg)}

鼠标经过时过渡,鼠标离开后也要写过渡

阿神

写的没问题啊,更新浏览器吧

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!