css-alpha-masking - Apply CSS alpha masking with linear-gradient for edge fades
Creates horizontal or vertical edge fades using CSS mask-image and -webkit-mask-image properties
Tags
Updated: 2026-02-13Capabilities
Typical Inputs
Typical Outputs
What this skill does
- confirm fade direction and stop percentages
- provide inline CSS snippets
- apply mask styles to elements
- include both mask-image and -webkit-mask-image
- adjust fade direction and stop positions
Inputs
- CSS element
- fade direction parameter
- fade stop percentages
- mask gradient colors
Outputs
- CSS code snippets
- mask-image property
- -webkit-mask-image property
- linear-gradient values
Requirements
- CSS mask property support
- WebKit browser compatibility
- visible element content