Ambient CSS v3 – Blender meets CSS

Define a light source, and every shadow, highlight and surface gradient follows from it. Calibrated against Blender raytraces — rendered with box-shadow.
304 points by kikkupico 50 days ago ambientcss.vercel.app 97 comments

Summary

Ambient CSS v3 allows users to create realistic lighting effects in web design by defining a light source, which automatically generates shadows, highlights, and gradients. This innovative approach is calibrated with Blender raytraces, enhancing the visual depth of web elements using box-shadow.

Comments (97 of ) ⌛

Loading more comments... ⌛
Scroll down to load more comments
No comments available.
Type to search HN and engineering blog articles
Press Escape to close  |  ↑↓ to navigate  |  Enter to open