Transforms SVG vs CSS difference

by robatwilliams

HTML

<svg viewBox="0 0 100 100" width="400" height="400">
    <rect width="10" height="10" fill="red" transform="translate(50)" />
    <rect width="10" height="10" y="12" fill="blue" id="b" />
</svg>

CSS

#b {
    -webkit-transform: translateX(50px);
}