Cropping Images with CSS While Keeping a Focal Point in the Center

kept by elaramirez aug 19

The post shows how to use CSS custom properties, object-fit, object-position, clamp, and container queries to crop images while keeping a chosen focal point centered.

WebKit Features for Safari 26.5
Safari 26.5 introduces the :open pseudo-class, element-scoped random(), color-interpolation for SVG gradients, ToggleEvent.source, and the Origin API, along with 63 bug fixes.
also on CSS, #browser-engineering, #web-development
Multi-stroke text effect in CSS
Stacking CSS text-stroke layers with varying widths creates a multi-stroke text effect, though browser rendering differences (Firefox smoother than Chrome/Safari) and poor performance make it unsuitable for production.
also on CSS, #browser-engineering, #design, #user-experience