https://github.com/javierbyte/depth-of-field

Depth of field with layered masks proof of concept.
https://github.com/javierbyte/depth-of-field

css

Last synced: 2 months ago
JSON representation

Depth of field with layered masks proof of concept.

• Host: GitHub
• URL: https://github.com/javierbyte/depth-of-field
• Owner: javierbyte
• Created: 2024-04-09T01:19:39.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-07-21T16:24:29.000Z (11 months ago)
• Last Synced: 2025-03-28T08:35:39.416Z (3 months ago)
• Topics: css
• Language: TypeScript
• Homepage: https://depth-of-field.vercel.app
• Size: 21.6 MB
• Stars: 92
• Watchers: 2
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Monorepo of experiments.

### Depth of field

[![depth-of-field-proof-of-concept](apps/depth-of-field/app/opengraph-image.jpg)](https://depth-of-field.vercel.app/)

- [Code](https://github.com/javierbyte/depth-of-field/tree/main/apps/depth-of-field)

- Inspired by [Frosted Glass](https://frosted-glass.shud.in/) by [Shuding](https://twitter.com/shuding_).

### Depth mask

[![depth-mask-proof-of-concept](apps/depth-mask/app/opengraph-image.jpg)](https://depth-mask.vercel.app/)

- [Code](https://github.com/javierbyte/depth-of-field/tree/main/apps/depth-mask)

- Inpired by [this tweet](https://x.com/raunofreiberg/status/1787887279454683324) by [Rauno](https://x.com/raunofreiberg/) and building upon the Depth of field experiment and my previous experiment on [layers and pointclouds with CSS](https://javier.xyz/blog/css-pointcloud-experiment).