Rotate by css fixed

[DGrandes]

Hi,

I rotate an On/Off object by css but when I click on it, it rotate to original position. Is there any whay to fix position?

Thanks

[admin]

Add !important to your CSS rule.

[DGrandes]

Add !important to your CSS rule.

I´ve done that but doens´t work

Code:

.rotate180{
transform: rotate(180deg) !important;
}

[admin]

Works for me as is. See if this works:

Code:

.rotate180,
.rotate180:active {
  transform: rotate(180deg) !important;
  -webkit-transform: rotate(180deg) !important;
}

[DGrandes]

Works for me as is. See if this works:

Code:

.rotate180,
.rotate180:active {
  transform: rotate(180deg) !important;
  -webkit-transform: rotate(180deg) !important;
}

Hi!

It doesn´t work. I put this class (rotate45) in aditional class but it doesn´t work.  When i click it changes to original rotation.

Code:

.rotate45,
.rotate45:active{
transform:rotate(45deg)!important;
  -webkit-transform: rotate(45deg) !important;
}

[admin]

Which browser/OS are you using?

[DGrandes]

Which browser/OS are you using?

Chrome, Mozilla and Edge. 
It doesn´t work in any of them

Which one do you use?

---

Which browser/OS are you using?

Chrome, Mozilla and Edge. 
It doesn´t work in any of them

Which one do you use?

I see that if I don´t check "Disable object click animation" on Vis. Configuration it works. But I don´t want animations on click. 

   

[admin]

Use this if click animation is disabled:

Code:

.noanim .rotate45,
.noanim .rotate45:active {
  transform: rotate(45deg) !important;
  -webkit-transform: rotate(45deg) !important;
}