How to Implement Glassmorphism via HTML and CSS

Written by zoltanszogyenyi | Published 2021/04/11
Tech Story Tags: glassmorphism | design-trend | tutorial | hackernoon-top-story | html | css | web-development | programming

TLDR Glassmorphism is a new design trend that makes use of a transparent background and a blur effect on top of the background to create a glassy effect. With the release of the Big Sur update for MacOS, it was the first large-scale adoption of this design trend by a large company. Microsoft also uses this style in the Fluent Design System, but they call it "Acrylic Material" instead of glassmorphism. You can use it for pricing cards, blog cards, profile cards, anything you'd like.via the TL;DR App

no story

Written by zoltanszogyenyi | Co-founder at Themesberg. Web dev and investor.
Published by HackerNoon on 2021/04/11