• Introduction
    • Installation
    • Customization
    • Tailwind differences
    • SCSS
    • Preflight
    • Grid System
    • Aspect Ratio
    • Display
    • Isolation
    • Object Fit
    • Overflow
    • Position
    • Top / Right / Bottom / Left
    • Visibility
    • Z-Index
    • Flex Direction
    • Flex Wrap
    • Flex
    • Flex Grow
    • Flex Shrink
    • Order
    • Gap
    • Justify Content
    • Justify Items
    • Justify Self
    • Align Content
    • Align Items
    • Align Self
    • Place Content
    • Place Items
    • Place Self
    • Margin
    • Padding
    • Width
    • Min Width
    • Max Width
    • Height
    • Min Height
    • Max Height
    • Font Size
    • Font Style
    • Font Weight
    • Text Align
    • Text Color
    • Text Decoration
    • Text Transform
    • Text Overflow
    • Vertical Align
    • Whitespace
    • Background Color
    • Border Color
    • Border Radius
    • Border Width
    • Opacity
    • Cursor
    • User Select

Effects

Opacity

Utilities for controlling the opacity of an element.

Quick reference

ClassProperties
opacity-0
opacity: 0;
opacity-10
opacity: 0.1;
opacity-20
opacity: 0.2;
opacity-30
opacity: 0.3;
opacity-40
opacity: 0.4;
opacity-50
opacity: 0.5;
opacity-60
opacity: 0.6;
opacity-70
opacity: 0.7;
opacity-80
opacity: 0.8;
opacity-90
opacity: 0.9;
opacity-100
opacity: 1;
BordersBorder Width
InteractivityCursor

Made with ❤️ by Outloud