domains / families / design / css-alpha-masking

css-alpha-masking

separate

Apply CSS alpha masking with linear-gradient for horizontal or vertical edge fades (mask-image and -webkit-mask-image). Use when asked for alpha masks, fade edges, or CSS mask gradients.

When to use

• alpha masks
• fade edges
• CSS mask gradients
• horizontal fade
• vertical fade

When not to use

• elements with no visible content

Skill page

Source