SVG animateTransform not working same as css3 transform
问题 SVG animateTransform not working same as the css3 transform. svg.truck { overflow: visible; } .smoke{ transform-origin: 50% 50%; animation: smoke 1.5s infinite ease-out; } @keyframes smoke { from {transform: translate(0, 5px) scale(1, 1);} to { transform: translate(40px, 10px) scale(4, 4);} } <svg class='truck' height='53' viewBox='0 0 93 53' width='93' xmlns='http://www.w3.org/2000/svg'> <g> <circle cx='90' cy='35' fill='#000' r='2.5'> <animateTransform attributeName='transform'