Γεννήτρια CSS Glassmorphism
Δημιουργήστε CSS glassmorphism εφέ οπτικά με ζωντανή προεπισκόπηση. Ρυθμίστε θόλωση, αδιαφάνεια, χρώμα και περίγραμμα. Αντιγράψτε κώδικα CSS για frosted glass UI. Δωρεάν online εργαλείο.
Προεπισκόπηση
Έξοδος CSS
Αναφορά
Τι είναι το Glassmorphism;
Το Glassmorphism είναι μια σύγχρονη τάση σχεδίασης UI που δημιουργεί εφέ παγωμένου γυαλιού χρησιμοποιώντας CSS backdrop-filter. Το εφέ έχει ένα ημιδιαφανές φόντο με θόλωση που αποκαλύπτει το περιεχόμενο πίσω του, δημιουργώντας αίσθηση βάθους.
Υποστήριξη browser
Η ιδιότητα backdrop-filter υποστηρίζεται σε όλους τους σύγχρονους browsers. Για παλαιότερους WebKit browsers, περιλαμβάνεται το πρόθεμα -webkit-backdrop-filter. Σημειώστε ότι αυτό το εφέ απαιτεί περιεχόμενο πίσω από το στοιχείο γυαλιού να είναι ορατό.
Απόρρητο
Όλη η δημιουργία glassmorphism εκτελείται 100% στον browser σας. Κανένα δεδομένο δεν αποστέλλεται σε κανέναν server.