Sale 40% OFF
Ship Faster Sale:
Save 40% on all plans — offer ends Jan 23th
Get full access
0
D
:
0
H
:
0
M
:
0
S
webpixels
Login
Get full access
Blocks
Screens
Pricing
Docs
FAQs
Blog
Studio
Login
Get full access
Getting Started
Introduction
Installation
Configuration
Optimize
Guides
Vite
Parcel
Laravel
Styleguide
Colors
Typography
Utilities
Overview
Border
Background
Gradients
Effects
Flex
Interactions
Sizing
Spacing
Text
Transform
Transitions
Plugins
Charts
Effects
Use opacity and shadow utilities to adjust visual hierarchy and add depth to elements.
On this page
Opacity
Shadow
Soft Shadows
Elevated Shadows