当你动画的这个节点用到translate定位居中时,再使用动画scale就会出现不居中的问题
这时需要把@keyframes中translate写在scale的前面就解决了
@keyframes bubble-in {
0% {
transform:translateX(-50%) scale(0);
}
100% {
transform:translateX(-50%) scale(1);
}
}
当你动画的这个节点用到translate定位居中时,再使用动画scale就会出现不居中的问题
这时需要把@keyframes中translate写在scale的前面就解决了
@keyframes bubble-in {
0% {
transform:translateX(-50%) scale(0);
}
100% {
transform:translateX(-50%) scale(1);
}
}