scss-blend-modes
A SCSS library providing Photoshop-style color blending functions for static color combinations.
What is scss-blend-modes?
SCSS Blend Modes is a SCSS library that provides functions to blend two solid colors using Photoshop-style blend modes. It solves the problem of CSS lacking native support for dynamic color blending, allowing developers to statically approximate blended colors for design elements like drop shadows over solid backgrounds.
Frontend developers and designers working with SCSS/Compass who need to match Photoshop blend modes in their CSS, especially when browser support for CSS3 blend modes is limited.
It offers a straightforward, static implementation of Photoshop blend modes directly in SCSS, avoiding the complexity of JavaScript or SVG polyfills, and integrates seamlessly with Compass workflows.
Overview
Using standard color blending functions in SASS.
Use Cases
Best For
- Matching Photoshop blend modes in SCSS projects
- Creating static blended colors for design elements over solid backgrounds
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
