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
- Details That Make Interfaces Feel Betterjakub.kr
- Theme variables - Core concepts - Tailwind CSStailwindcss.com
- Transitions.dev — Essential transitions for web appstransitions.dev
- Easing Gradientslarsenwork.com
- Colors - Core conceptstailwindcss.com
- Transitionsanimations.dev
- Liquid metal — Animated metal shader effectmetal.jakubantalik.com
- Visual design rules you can safely follow every timeanthonyhobday.com
- propEffect | Render motion values to object props | Motionmotion.dev
- colors - CSS variable calculation of HSL values - Stack Overflowstackoverflow.com
- Using Shadows Instead of Bordersjakub.kr
- CSS outline Propertyw3schools.com