Transform Helpers

Helpers for common transformation effects.

Rotate

No Rotation

Rotate 90deg

Rotate 180deg

Rotate 270deg

Rotate 45deg

Rotate 135deg

Rotate 225deg

Rotate 315deg

            <div class="box elr-flex elr-flex-center elr-flex-justify-center elr-rotate-90">
        <p>Rotate 90deg</p>
</div>
            
          
            <div class="box elr-flex elr-flex-center elr-flex-justify-center elr-rotate-180">
        <p>Rotate 180deg</p>
</div>
            
          
            <div class="box elr-flex elr-flex-center elr-flex-justify-center elr-rotate-270">
        <p>Rotate 270deg</p>
</div>
            
          

Translate

No Translate

Move 50% up

Move 50% down

Move 50% right

Move 50% left

Cannot be used in combination with other transform helpers. Use position helpers instead.