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