10 Apple Liquid Glass Code Snippets

I made 10 very simple snippets to showcase the distortion effects and the glass morphism. It is only made with vanilla HTML/CSS/JS. It has: Button, Card, Dropdown, Form (Login/Register), Icons, Navbar, Search bar (With Suggestions), Sidebar, Spinner/Loader, and toggles/switches.

I've tried to make it as simple as possible and would appreciate any feedbacks. Also the whole website is still in beta.

Note: These snippets work only on Chrome, I've tested it on Safari, Firefox, and Edge, and neither of them showed the distortion effect. They will show it, but in a simplified version of the snippet.

Direct Links and Snippet Codes -If you want to search them in the website.

https://snipzy.dev/snippets/liquid-glass-card.html - Liquid Glass Card CRD004

https://snipzy.dev/snippets/liquid-glass-button.html - Liquid Glass Button BTN003

https://snipzy.dev/snippets/liquid-glass-dropdown.html - Liquid Glass Dropdown DRP001

https://snipzy.dev/snippets/liquid-glass-form.html - Liquid Glass Form FRM001

https://snipzy.dev/snippets/liquid-glass-icons.html - Liquid Glass Icons ICO001

https://snipzy.dev/snippets/liquid-glass-nav.html - Liquid Glass Nav NAV002

https://snipzy.dev/snippets/liquid-glass-search.html - Liquid Glass Search SRH002

https://snipzy.dev/snippets/liquid-glass-sidebar.html - Liquid Glass Sidebar SBR001

https://snipzy.dev/snippets/liquid-glass-spinner.html - Liquid Glass Spinner LDR003

https://snipzy.dev/snippets/liquid-glass-toggle.html - Liquid Glass Toggle TGL001

Enjoy!