Transform helpers
<span class="mirror">
Applies
If you need to flip an element only in RTL adaptation, you might use
transform: rotateY(180deg); to element.If you need to flip an element only in RTL adaptation, you might use
on-rtl-mirror class (for arrow icons per example).
<span class="rotateX-180">
Applies
transform: rotateX(180deg); to element.
<span class="rotateZ-90">
Applies
transform: rotateZ(90deg); to element.
<span class="rotateZ-270">
Applies
transform: rotateZ(270deg); to element.
<span class="opacity-50">
Applies
opacity: .5 to element. Also exists opacity-40 and opacity-30.
<div class="filter-blur">
Makes something blurry