css glass effect

Add Answer

Yucky Yacare answered on October 7, 2021 Popularity 10/10 Helpfulness 6/10

answer css glass effect

related glass css

related CSS background blur or glass effect

related glass css

related glass background effect css

related css glass

related glass css

related glass style css

related css glass

related css glass effect

css glass effect

Comment

/* From https://css.glass */
background: rgba(255, 255, 255, 0.19);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(0px);
border: 1px solid rgba(255, 255, 255, 0.14);

Popularity 10/10 Helpfulness 6/10 Language css

Source: css.glass

Tags: css effect

Link to this answer
Share Copy Link

Contributed on Jul 18 2022

Yucky Yacare

0 Answers Avg Quality 2/10

Closely Related Answers

glass css

Comment

/* From https://css.glass */
background: rgba(255, 255, 255, 0.01);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);

Popularity 10/10 Helpfulness 9/10 Language css

Source: css.glass

Tags: css

Link to this answer
Share Copy Link

Contributed on Jun 11 2022

OGAYE MICHAEL

0 Answers Avg Quality 2/10

CSS background blur or glass effect

Comment

.container {
  backdrop-filter: blur(10px);
}

Popularity 10/10 Helpfulness 7/10 Language css

Source: css-tricks.com

Tags: background b

Link to this answer
Share Copy Link

Contributed on Oct 07 2021

Innocent Iguana

0 Answers Avg Quality 2/10

glass css

Comment

/* From https://css.glass */
background: rgba(42, 53, 81, 0.3);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(42, 53, 81, 0.3);

Popularity 10/10 Helpfulness 5/10 Language css

Source: css.glass

Tags: css

Link to this answer
Share Copy Link

Contributed on Jun 04 2022

OGAYE MICHAEL

0 Answers Avg Quality 2/10

glass background effect css

Comment

/* From https://css.glass */
/* To give element Glass effect */
background: rgb(68 67 70 / 30%);
border-radius: 4px;
box-shadow: 0 4px 20px #0000001a;
backdrop-filter: blur(2.4px);
-webkit-backdrop-filter: blur(2.4px);
border: 1px solid #72727280;

Popularity 8/10 Helpfulness 4/10 Language css

Source: Grepper

Tags: background b

Link to this answer
Share Copy Link

Contributed on Mar 14 2024

The Ultimate Karam

0 Answers Avg Quality 2/10

css glass

Comment

/* From https://css.glass */
background: rgba(255, 255, 255, 0.25);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.64);

Popularity 9/10 Helpfulness 4/10 Language css

Source: css.glass

Tags: css

Link to this answer
Share Copy Link

Contributed on Oct 20 2022

Péter Kovács

0 Answers Avg Quality 2/10

glass css

Comment

/* From https://css.glass */
background: rgba(240, 240, 240, 0.07);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(3.1px);
-webkit-backdrop-filter: blur(3.1px);
border: 1px solid rgba(240, 240, 240, 0.1);

Popularity 10/10 Helpfulness 4/10 Language css

Source: css.glass

Tags: css

Link to this answer
Share Copy Link

Contributed on Jul 24 2022

David Bright

0 Answers Avg Quality 2/10

glass style css

Comment

/* From https://css.glass */
background: rgba(255, 255, 255, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);

Popularity 9/10 Helpfulness 4/10 Language css

Source: css.glass

Tags: css

Link to this answer
Share Copy Link

Contributed on Oct 26 2022

Milad DhGh

0 Answers Avg Quality 2/10

css glass

Comment

/* From https://css.glass */
background: rgba(255, 255, 255, 0.08);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(2.5px);
-webkit-backdrop-filter: blur(2.5px);
border: 1px solid rgba(255, 255, 255, 0.15);

Popularity 9/10 Helpfulness 4/10 Language css

Source: css.glass

Tags: css

Link to this answer
Share Copy Link

Contributed on Jun 20 2023

Syed Alamin

0 Answers Avg Quality 2/10

css glass effect

Comment

background: rgba(255, 255, 255, 0.18);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5.9px);
-webkit-backdrop-filter: blur(5.9px);

Popularity 10/10 Helpfulness 4/10 Language css

Source: css.glass

Tags: css

Link to this answer
Share Copy Link

Contributed on Mar 20 2023

bork bork

0 Answers Avg Quality 2/10

css glass effect

Contents

More Related Answers

css glass effect

Closely Related Answers

glass css

CSS background blur or glass effect

glass css

glass background effect css

css glass

glass css

glass style css

css glass

css glass effect

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.