opacity - Effects - Tailwind CSS
tailwindcss.com · 180 words · saved by 1 readers
Utilities for controlling the opacity of an element.
Utilities for controlling the opacity of an element. ClassStyles opacity-<number> opacity: <number>%; opacity-(<custom-property>) opacity: var(<custom-property>); opacity-[<value>] opacity: <value>; Examples Basic example Use opacity-<number> utilities like opacity-25 and opacity-100 to set the opacity of an element: opacity-100 opacity-75 opacity-50 opacity-25 <button class="bg-indigo-500 opacity-100 ..."></button><button class="bg-indigo-500 opacity-75 ..."></button><button class="bg-indigo-500 opacity-50 ..."></button><button class="bg-indigo-500 opacity-25 ..."></button>…
saved by
related reading
- Tailwind CSS Colors - All colors + Custom color generatoruicolors.app
- Paper Shaders – Ultra-fast zero-dependency shadersshaders.paper.design
- Anime.js | JavaScript Animation Engineanimejs.com
- RandomA11y - Accessible Color Combinationsrandoma11y.com
- Shadersshaders.com
- UI Skills for Design Engineers | UI Skillsui-skills.com
- DESIGN.md Examples for AI Agents | Refero Stylesstyles.refero.design
- ui.sh — Agent skills for interface buildersui.sh
- Impeccable: The missing upgrade to Anthropic's impeccable skillimpeccable.style
- Lab: Grayscale with Temperaturebaytas.net
- Wonder — What you see is what you shipwonder.design
- Subframe – The AI design tool built for codesubframe.com