Γεννήτρια Φίλτρων CSS
Δημιουργήστε εφέ φίλτρων CSS οπτικά. Ρυθμίστε θόλωση, φωτεινότητα, αντίθεση, κλίμακα του γκρι, περιστροφή απόχρωσης, αντιστροφή, αδιαφάνεια, κορεσμό και σέπια. Δωρεάν.
Ή σύρετε μια εικόνα στην προεπισκόπηση
Αναφορά
Τι είναι η ιδιότητα CSS filter;
Η ιδιότητα CSS filter εφαρμόζει γραφικά εφέ σε ένα στοιχείο.
Όλες οι συναρτήσεις φίλτρων CSS
blur(px): Εφαρμόζει Gaussian θόλωση.
brightness(%): Ρυθμίζει τη φωτεινότητα.
contrast(%): Ρυθμίζει την αντίθεση.
grayscale(%): Μετατρέπει σε κλίμακα του γκρι.
hue-rotate(deg): Περιστρέφει τα χρώματα.
invert(%): Αντιστρέφει τα χρώματα.
opacity(%): Ρυθμίζει τη διαφάνεια.
saturate(%): Ρυθμίζει τον κορεσμό.
sepia(%): Εφαρμόζει τόνο σέπια.
Θέματα απόδοσης
Τα φίλτρα CSS επιταχύνονται μέσω GPU σε σύγχρονα προγράμματα περιήγησης.
Συνηθισμένες χρήσεις
Εφέ hover εικόνων — κλίμακα γκρι σε αναμονή, χρώμα κατά το hover.
Απόρρητο
Όλη η δημιουργία φίλτρων εκτελείται 100% στο πρόγραμμα περιήγησής σας.