Mac OS like window in CSS with backdrop filter
When I discovered the CSS property backdrop filter it made me think at Finder, the Mac OS file explorer.
Say no more, I opened a new pen and challenged myself with a quick POC :D
Interesting points I’ve practiced on this POC :
backdrop-filter: blur()is really easy to use and can be visually interesting
summarytags are pretty handy and accessible by default using keyboard events. We can be default use the
openproperty on it to open the details
- I’ve once more used svg in background cast as data:image for the folder icons