Create This Trendy Blurry Glass Effect with CSS

Create This Trendy Blurry Glass Effect with CSS

Kevin Powell via YouTube Direct link

00:00 - Introduction

1 of 6
Next

1 of 6

00:00 - Introduction

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Create This Trendy Blurry Glass Effect with CSS

Automatically move to the next video in the Classroom when playback concludes
  1. 1 00:00 - Introduction
  2. 2 00:40 - Starting with a simple border
  3. 3 02:00 - Subtle radial gradients are important
  4. 4 04:30 - Subtle gradient border
  5. 5 08:55 - Making the background transparent
  6. 6 16:35 - The glassy effect

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.