Learn to Create glassmorphism using html and css | Glassmorphism in 5 minutes

Показать описание

Recently I was checking a few designs on Dribbble and got this new UI trend that has caught tons of attention. So, I have decided to share this amazing UI design called Glassmorphism.
This UI element is meant to resemble the feature of smooth glass. The essential idea is to blur the background of the element to offer a transparent glassy look.
Glassmorphism is going to be trending Design in 2021 because it is gaining more popularity on services like Dribbble and Behance.

In this tutorial I will create a simple Weather Application using HTML and CSS.

Below are the points that should be kept in mind while designing a neat glass look.
1.Transparency ► Set a light transparent background.
2.Blur background ► To give a frosted glass feel – increasing the blur effect, giving it more depth by using box-shadow.
3.Border ► For creating glass edge detail add a small border to your element.

My person Thought on glassmorphism
For me this design is modern and it’s really attractive. Gradients and bright colors are very popular among designers and this is going to be a trending design in 2021.

Other video links
----------------------------

--------------------------------------------------------------------------------------------------------------------------------------------------------------

Browser ► Chrome
Text Editor ► sublime text 3
Icon Used ► Font Awesome

📹 Video Editing : WonderShare Filmora 9
🎵Music : No Clarity - Stayloos (YouTube audio)

📢 Get In Touch
___________________________________
_________________________________________
Please Give A Like And Subscribe Acode 🔔

Comment Down below for any Questions or Suggestion.

Alternative Title for this video
------------------------------------------------
Glassmorphism
Glassmorphism using html and css
Glassmorphism - A New UI Trend for 2021
How to make Glassmorphism using html and css
Glass morphism
How to Create Glassmorphic Elements in HTML & CSS
Glassmorphism Tutorial

Thank you!
#glassmorphism #newUiDesign #htmlCss