Rotate by css fixed - Printable Version

Rotate by css fixed - Printable Version

+- Logic Machine Forum (https://forum.logicmachine.net)
+-- Forum: LogicMachine eco-system (https://forum.logicmachine.net/forumdisplay.php?fid=1)
+--- Forum: Visualization (https://forum.logicmachine.net/forumdisplay.php?fid=9)
+--- Thread: Rotate by css fixed (/showthread.php?tid=4636)

Rotate by css fixed - DGrandes - 09.03.2023

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

RE: Rotate by css fixed - admin - 09.03.2023

Add !important to your CSS rule.

RE: Rotate by css fixed - DGrandes - 09.03.2023

(09.03.2023, 11:38)admin Wrote: Add !important to your CSS rule.

I´ve done that but doens´t work

Code:
.rotate180{

 transform: rotate(180deg) !important; 

}

RE: Rotate by css fixed - admin - 09.03.2023

Works for me as is. See if this works:

Code:
.rotate180,

.rotate180:active {

  transform: rotate(180deg) !important; 

  -webkit-transform: rotate(180deg) !important; 

}

RE: Rotate by css fixed - DGrandes - 20.04.2023

(09.03.2023, 12:48)admin Wrote: 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; 

}

RE: Rotate by css fixed - admin - 20.04.2023

Which browser/OS are you using?

RE: Rotate by css fixed - DGrandes - 21.04.2023

(20.04.2023, 12:18)admin Wrote: Which browser/OS are you using?

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

Which one do you use?

(21.04.2023, 09:07)DGrandes Wrote:
(20.04.2023, 12:18)admin Wrote: 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.

RE: Rotate by css fixed - admin - 21.04.2023

Use this if click animation is disabled:

Code:
.noanim .rotate45,

.noanim .rotate45:active {

  transform: rotate(45deg) !important;

  -webkit-transform: rotate(45deg) !important; 

}