Δωρεάν μετατροπέας
Γυαλομορφισμός CSS Γεννήτρια
Δημιουργήστε εκπληκτικά εφέ κάρτας γυαλομορφισμού με προεπισκόπηση σε πραγματικό χρόνο. Προσαρμόστε το θάμπωμα, την αδιαφάνεια και τα χρώματα αμέσως.
Προεπισκόπηση
Glassmorphism Card
Beautiful frosted glass effect with customizable settings.
Learn MoreΧρώμα φόντου
#FFFFFF
Αδιαφάνεια φόντου15%
0%50%100%
Ποσό θαμπώματος16px
0px20px40px
Χρώμα περιγράμματος
#FFFFFF
Αδιαφάνεια στα σύνορα20%
0%50%100%
Ακτίνα συνόρων20px
0px30px60px
Ένταση σκιάς30%
0%40%80%
Δημιουργήθηκε CSS
.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;
}