Search
 
SCRIPT & CODE EXAMPLE
 

CSS

glassmorphism in css

.card {
	/* other styles */
	background: rgba(255, 255, 255, .7);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
Comment

form layout with glassmorphism css

.login {
 background: rgba(255,255,255,0.05);
    backdrop-filter: blur(10px);
    border-top: 1px solid rgba(255,255,255,0.2);
    border-left: 1px solid rgba(255,255,255,0.2);
    box-shadow: 5px 5px 30px rgba(0,0,0,0.2);
  border-radius: 3px;

}
Comment

PREVIOUS NEXT
Code Example
:: css set font family for all elements 
::  
:: use css to replace icon with text when hover 
::  
Css :: display content in column css 
Css ::  
:: insert background colour to css file 
Css :: How do you get a 2nd last child in CSS? 
:: arrow left css 
::  
:: sass vs scss 
Css ::  
Css ::  
::  
Css ::  
::  
:: line cap css 
:: add arrow in select css 
Css ::  
::  
Css :: margin auto not centering 
Css ::  
Css :: Trimming One Line with CSS 
Css :: Add border to text - Css 
Css ::  
Css ::  
Css :: css hover change another element 
Css :: change image color in bootstrap card on hover css 
:: remove materialize style input 
Css :: move scrollbar on element to right side 
ADD CONTENT
Topic
Content
Source link
Name
4+8 =