svg 内嵌标签animateTransform即将废除,即需使用css3来实现动画
- -
SVG's SMIL animations (,, etc.) are deprecated and will be removed. Please use CSS animations or Web animations instead. - -
一个svg加载旋转动画:
svg + css3 实现动画:(注意这里只去除animateTransform部分)
svg {
position: absolute;
z-index: 2;
top: 50%;
margin-top: -20px;
}
svg path:nth-child(2) {
animation: svg-load .5s linear infinite;
-webkit-animation: svg-load .5s linear infinite;
-moz-animation: svg-load .5s linear infinite;
-o-animation: svg-load .5s linear infinite;
}
@keyframes svg-load {
from {
transform:rotate(0);
transform-origin: 20px 20px;
};
to {
transform:rotate(360deg);
transform-origin: 20px 20px;
}
}



