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 :: is there any property that reset all atributes css div 
Css :: selenium find element by css selector 
Css :: CSS technique for a horizontal line with icons in the middle 
Css :: @fontface otf 
Css :: how to make an image oval in css 
Css :: css overflow-y 
Css :: media query for max width and height 
Css :: padding-block css 
Css :: css mutline comment 
Css :: red asterix css 
Css :: set visibility css 
Css :: alternate css animation 
Css :: icon borders css 
Css :: css disabled tag hover style 
Css :: change bg color on hover 
Css :: Input with File type css override 
Css :: how to put an element in front 
Css :: vuetify width of textfield 
Css :: refresh css on page 
Css :: CSS adding something next to a picture 
Css :: css row column grid 
Css :: flex wrap tailwind 
Css :: progress bar bootstrap border 
Css :: add color on image using css 
Css :: css outline style 
Css :: how make button which is fixed even after i scroll 
Css :: css immediate child 
Css :: padding block 
Css :: css change the accordion arrow color 
Css :: remove black border from border css 
ADD CONTENT
Topic
Content
Source link
Name
6+9 =