Эффекты (Effects)

Классы для управления визуальными эффектами.

Прозрачность (Opacity)

Класс	Описание
`.opacity-0`	Полностью прозрачный
`.opacity-25`	25% непрозрачности
`.opacity-50`	50% непрозрачности
`.opacity-75`	75% непрозрачности
`.opacity-100`	Полностью непрозрачный

Поворот (Rotate)

Класс	Описание
`.rotate-0`	Без поворота
`.rotate-45`	Поворот на 45°
`.rotate-90`	Поворот на 90°
`.rotate-180`	Поворот на 180°
`.rotate--45`	Поворот на -45°
`.rotate--90`	Поворот на -90°

Примеры

PreviewSource Code

50% opacity

rotate-45

rotate-180

html

<div class="opacity-50">50% прозрачности</div>
<div class="rotate-45">Поворот на 45°</div>
<div class="rotate-180">Поворот на 180°</div>

Hover прозрачность

PreviewSource Code

Наведи на меня

html

<div class="hover:opacity-50">Наведи на меня</div>