Sass transparentize() Function

Last Updated:

Sass transparentize() Function

The transparentize() function makes a given color more transparent.

Note: You can also use fade-out($color, $amount)

Example

SASS TO CSS CONVERTER
.foo{ color: transparentize(rgba(#fff, 0.9), 0.5); }

Syntax

transparentize($color, $amount); // or fade-out($color, $amount)

Parameter Value

ValueTypeExplanation
$color Required Specifies a color
$amount Required Decreases the alpha channel of $color by that amount. The $amount must be a number between 0 and 1 (both are inclusive).

Return Value

ValueExplanation
Number Returns the transparent color.

Share this Page

Meet the Author