CSS Can't apply CSS style on SVG

[SpongeBOB]

In my <style> I have the following

#color1 {
transform: "rotate(180,5,10)"
}

and I have further in the same html page

<svg class="iconsvg" width="12" height="24" viewBox="0 0 10 20">
  <g
     inkscape:label="Layer 1"
     inkscape:groupmode="layer"
     id="color1">
     what ever inside
</g>

The svg is not rotated but when I modify the SVG it work.. any idea ?


[CODE lang="svg" title="working"]<svg class="iconsvg" width="12" height="24" viewBox="0 0 10 20">
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="color1"
transform="rotate(180,5,10)"
>
what ever inside
</g>[/CODE]

 

[SpongeBOB]

I've found !
Actually CSS use also a property call transform.. that maybe why it not work, so I use the CSS transform instead ->

#color1 {
transform: rotate(180deg);
transform-origin: 50% 50%
}