Sass Blend Mode Buttons

Blendedbuttons

2 Responses

  1. Ken Woodworth Ken Woodworth

    These buttons are pure HTML/CSS and use blend modes (like Overlay) from Photoshop. Using SASS, one color gets passed in and all the effects come from that color. The button is also built to handle lighter button colors, reversing the color of the icon and adjusting the effects.

    The icon comes from the amazing, semantic Symbolset font. Check it out if you haven't already.

    I built this because so many buttons look muddied when you just combine a base color with black or white. These buttons are pulling styles directly from the Layer Styles palette in Photoshop so colors remain pure and vibrant.

    So, what do you think?

    almost 2 years ago

  2. Philip Clark Philip Clark

    My cat started licking the monitor. So... I think it's a winner.

    almost 2 years ago

keyboard shortcuts: previous shot next shot L or F like