🖼️Image Filter

Learn how to customize how your image appearance.

To edit or update your image appearance using code, follow the steps below.

  1. Go to src/scss/_vars.scss and edit it.

Default Filter

The default filter for all images will make your image brighter over the text.

$brigthness: 1;
$grayscale: 0;
$invert: 0;

Classic Filter

To make your colored image appear gray or white and black.

$brigthness: 0.8;
$grayscale: 1;
$invert: 0;

Last updated