div{
height: 20%;
}
@keyframes shanghua{
from{
height: 0%;
}
to{
height: 60%;
}
}
div:hover{
animation: shanghua 1s linear forwards;
}從div上部或側邊滑過時div時會出現抖動現象，並且動畫不能正常顯示高度變為60%，原因是從上部或側部滑過的同時動畫效果生效，height變為0%，而此時滑鼠就處於div外部的狀態，hover不能生效，因此完整動畫不能正常顯示，使div出現抖動效果height一直在20%到0%之間抖動。解決辦法將@keyframes的from中的height屬性設定為20%即可解決