Chris Rooke
@chrisrooke.bsky.social
Design and web accessibility engineer, activist, and Lego addict.
Very proud of this one: CSS-only 3D lighting, shading, and shadows! You can control the object’s rotation and position, the position of the light source, and the type of object. All using CSS custom properties and math functions! codepen.io/chrisrooke/f... @codepen.io #css #webdev
CSS-Only 3D Lighting, Shading, and Shadows
Making use of CSS variables and math functions to reproduce shading and shadows on a 3D object, entirely through CSS. Use the elevation to raise or l...
codepen.io
January 17, 2025 at 6:53 PM
Very proud of this one: CSS-only 3D lighting, shading, and shadows! You can control the object’s rotation and position, the position of the light source, and the type of object. All using CSS custom properties and math functions! codepen.io/chrisrooke/f... @codepen.io #css #webdev