Chuyển đổi miễn phí
CSS thủy tinh Máy phát điện
Tạo hiệu ứng thẻ thủy tinh tuyệt đẹp với bản xem trước thời gian thực. Tùy chỉnh độ mờ, độ mờ và màu sắc ngay lập tức.
Xem trước
Glassmorphism Card
Beautiful frosted glass effect with customizable settings.
Learn MoreMàu nền
#FFFFFF
Độ mờ nền15%
0%50%100%
Số lượng mờ16px
0px20px40px
Màu viền
#FFFFFF
Độ mờ viền20%
0%50%100%
Bán kính đường viền20px
0px30px60px
Cường độ bóng30%
0%40%80%
CSS đã tạo
.glass-card {
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.20);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.30);
padding: 2rem;
}