background-overlay-scss

SCSS mixin and compiled CSS for a simple, customisable box shadow overlay for background images. Use images directly from the web without opening Photoshop.

SEE EXAMPLE HERE.

Basic Usage (built-in classes)

Include this CSS in your project: <link rel="stylesheet" href="http://arirawr.github.io/background-overlay-scss/overlay.css" />

Then use any of the built-in classes, such as overlay-black-50. More coming soon.

Custom usage (SCSS)

Use the SCSS mixin to make your own overlays.

.my-overlay { @include overlay(#BADA55, 0.4) }

Examples: Built in classes (EXPLORE HERE)