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.
Tag: clip-path
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
CSS Design Out Of The Box: Break Free of the Rectangle
Slanted heroes, overlapping cards, text that wraps around circles and full-bleed bands: modern CSS techniques for layouts that escape the rectangle, with…
CSS & HTML
Photo Strip Effect in CSS (No Photoshop Required)
Recreate the classic curved photo film strip with modern CSS: SVG clip-paths, drop-shadow, perspective transforms and gradient highlights, in a responsive component.