CSS Opacity — a practical guide to CSS opacity with clear examples you can reuse in real projects.
CSS Tutorial Series (52/109). Prefer one article? Read the complete CSS tutorial.
Short description
opacity affects the whole element including children — use alpha backgrounds when you only want a see-through surface.
Opacity vs alpha
.faded { opacity: 0.6; }
.panel { background: rgb(255 255 255 / 0.8); }