How to Create A Glassmorphic Playlist with HTML/CSS and JavaScript
I was browsing YouTube the other day and came across some great videos about Glassmorphism. I was mesmerised by the design and decided to try it out with HTML/CSS and JavaScript.
Here’s the final product. It’s far from perfect, but this is one of my very first UI + JavaScript attempts. I hope you will find this post useful, and if you have any feedback, let me know. I’ll be so thrilled to hear it.
Before we dive in,
What is Glassmorphic UI Trend, exactly?
Here are a few things I gathered from reading:
Glassmorphism is growing in UI design. It gives things a glassy look and is based on three effects: transparency (to see through the glass), vivid-coloured background, and a light border.
Glassmorphism seems like a new trend, but it has been around for over a decade. The first appearance was with Apple’s iPhones.
Look at these notifications:
— those are glassmorphic cards.
