Search
 
SCRIPT & CODE EXAMPLE
 

CSS

glass css

/* 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);
Comment

css glass

/* From https://css.glass */
background: rgba(255, 255, 255, 0.24);
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, 1);
Comment

css glass effect

/* 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);
Comment

glass css

/* 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);
Comment

glass css

/* 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);
Comment

glass style css

/* 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);
Comment

css glass

/* 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);
Comment

PREVIOUS NEXT
Code Example
Css :: How to specify that the background image should be shown once, in the top right corner. 
Css :: jquery add external css to head 
Css :: how to make text transparent with stroke in css 
Css :: rotate favicon css 
Css :: how to underline text in css 
Css :: input text only css 
Css :: laravel asset css not found 
Css :: position absolute horizontally center 
Css :: materialize css for react 
Css :: list decoration none 
Css :: space-evenly vs space-around 
Css :: css banner image 
Css :: how to put mulitple conditions in media query 
Css :: text outline in css 
Css :: calendar api 
Css :: float center tailwind 
Css :: css center div 
Css :: hide featured image in wordpress 
Css :: how to disable increase descrease buttons of input type number in html 
Css :: css before is not working 
Css :: no outline css 
Css :: margin auto not centering 
Css :: css font families 
Css :: shrink a div by 50% 
Css :: remove double quotes from string kotlin 
Css :: css cursor delete 
Css :: centering using flexbox 
Css :: fixed table header css 
Css :: border collapse makes outset not work 
Css :: mb bootstrap 
ADD CONTENT
Topic
Content
Source link
Name
5+1 =