Sitedevtools.com - CSS Glass Effect Creator
CSS Glass Effect
Blur Effect:
Blur:
5
px
Background Color:
Hex Color (with Alpha):
Alpha (Opacity):
Alpha:
1
.glass { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(5px); padding: 30px; border-radius: 15px; width: 400px; text-align: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); }
Copy CSS