Opacity: 25%
Explore the opacity-25 utility and see how it controls element transparency.
Opacity Preview
opacity-25
This element has 25% opacity
Class: opacity-25
CSS: opacity: 0.25
Value: 25%
Compare with Other Opacity Values
0%
opacity-025%
opacity-2550%
opacity-5075%
opacity-75100%
opacity-100Usage Examples
Overlays & Modals
25% overlay
Content
With overlay
50% overlay
Content
With overlay
Hover Effects
Layering
Multiple layers with different opacity
Interactive Opacity Demo
Customize Element
0%25%50%75%100%
Preview
Custom Element
25% opacity
Classes: from-blue-500 to-purple-600 rounded-lg
Opacity: 25%
CSS: opacity: 0.25