CSS3 Properties N-Z

Common CSS properties from N to Z

Opacity and Visibility

opacity: 0.5; # 0 (transparent) to 1 (opaque)
visibility: hidden; # hidden or visible

Overflow

overflow: hidden; # hide overflow
overflow: scroll; # always scrollbar
overflow: auto; # scrollbar when needed
overflow-x: hidden; # horizontal only
overflow-y: scroll; # vertical only

Position

position: static; # default positioning
position: relative; # relative to normal position
position: absolute; # relative to positioned parent
position: fixed; # relative to viewport
position: sticky; # sticky positioning
top: 10px; right: 10px; # offset values

Shadow

box-shadow: 2px 2px 5px rgba(0,0,0,0.3); # box shadow
text-shadow: 1px 1px 2px black; # text shadow

Transform

transform: translate(50px, 100px); # move
transform: rotate(45deg); # rotate
transform: scale(1.5); # scale
transform: skew(10deg, 20deg); # skew

Z-Index

z-index: 10; # stacking order (higher = front)