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: images
CSS & HTML
CSS Image Filters: blur, grayscale, drop-shadow and More
Learn every CSS filter function, how to chain and animate them for hover effects, and when to reach for backdrop-filter, drop-shadow or…
WordPress
How to Speed Up a Slow WordPress Website
A practical workflow for a faster WordPress site: measure Core Web Vitals, fix hosting and caching, optimize images with AVIF, trim plugins…
CSS & HTML
CSS Image Styles: Rounded, Glossy, Masked and Shaped Images
Give images rings, gloss, fades, shapes and colour effects with modern CSS: aspect-ratio, object-fit, mask-image, clip-path and filter. No jQuery, fully responsive.
CSS & HTML
CSS Image Styles: Rounded, Masked, Filtered and Blended
Eight CSS techniques, nine image looks on a normal img element: circles, rings, feathered masks, hexagons, grayscale, duotone and hover zoom, with…
CSS & HTML
Rounded Images in CSS With border-radius and object-fit
Round any image with plain CSS. Use border-radius, object-fit and aspect-ratio for corners, circles and avatars, and drop the old jQuery wrapper…