CSS & HTML
How to Create Spotify Colorizer Duotone Effects With CSS Blend Modes
Turn any photo into a Spotify-style duotone with pure CSS: grayscale, multiply, lighten, custom properties and background-blend-mode, with accessibility notes.
Tag: blend modes
Design
Hand-Drawn Design in Photoshop: Turn a Sketch into Artwork
Make scanned pencil drawings behave like ink on a transparent layer with Multiply, selection fills and Blend If, then recreate the effects…
CSS & HTML
Design a Watercolor Effect Menu With CSS and SVG Filters
Recreate the hand-painted watercolor menu in pure CSS: a torn paper card, handwritten links and a bleeding wash on hover, built with…
CSS & HTML
Deep and Moody: Dark, Atmospheric Web Design with CSS
Recreate the classic moody Photoshop look in CSS with color-scheme, light-dark(), layered radial gradients, blend modes, a vignette and SVG grain.