Liquid Glass CSS Generator
Back to Home
Scroll down for more options and code export ▼
Container Settings
Element Type:
div
button
a
span
p
ul
ol
Width:
px
Height:
px
Border Radius:
%
Inner Shadow
Color:
Blur:
15
px
Spread:
-5
px
Glass Tint
Tint Color:
Opacity:
0
%
Frost Blur
Blur Radius:
0
px
Noise Distortion
Noise Frequency:
0.008
Strength:
77
Background Control
Previous
Next
Text Settings
Text Content:
Liquid Glass
Text Color:
Text Size:
px
Font Weight:
Text Opacity:
100
%
Text X Offset:
0
px
Text Y Offset:
0
px
Shadow X Offset:
0
px
Shadow Y Offset:
2
px
Shadow Blur:
4
px
Shadow Opacity:
20
%
Font Family:
Georgia
Arial
Times New Roman
Courier New
SimSun / Arial
Verdana
Tahoma
Trebuchet MS
Impact
PingFang SC
Code Export
HTML Code Preview:
Copy Container Source
Copied Successfully!
CSS Code Preview:
Copy Container Style
Copied Successfully!
Vue Component Props:
Copy Vue Props
Copied Successfully!
Copy to Vue component and click here for Vue component tutorial
React Component Props:
Copy React Props
Copied Successfully!
Copy to React component and click here for React component tutorial
Settings
▼