είναι τα φίλτρα CSS;

Τα φίλτρα CSS σάς επιτρέπουν να εφαρμόσετε εφέ γραφικών όπως θόλωμα ή μετατόπιση χρωμάτων σε ένα στοιχείο. Χρησιμοποιούνται συνήθως για εικόνες, φόντο και περιγράμματα.

Τα φίλτρα μπορούν να χρησιμοποιηθούν για τη δημιουργία οπτικών εφέ, τη βελτίωση εικόνες ή δημιουργήστε μοναδικά στοιχεία σχεδίασης χωρίς την ανάγκη εξωτερικών εργαλείων επεξεργασίας εικόνας.

Supported CSS Filter Properties

• blur()- Εφαρμόζει ένα θόλωμα Gauss στο στοιχείο.
• brightness()- Ρυθμίζει τη φωτεινότητα του στοιχείου.
• contrast()- Ρυθμίζει την αντίθεση του στοιχείου.
• grayscale()- Μετατρέπει το στοιχείο σε κλίμακα του γκρι.
• hue-rotate()- Εφαρμόζει μια περιστροφή απόχρωσης στο στοιχείο.
• invert()- Αντιστρέφει τα χρώματα του στοιχείου.
• opacity()- Ρυθμίζει την αδιαφάνεια του στοιχείου.
• saturate()- Διαποτίζει ή αποκορεσμεί το στοιχείο.
• sepia()- Μετατρέπει το στοιχείο σε σέπια.

Πώς να εφαρμόσετε φίλτρα

Χρησιμοποιώντας τον κώδικα CSS που δημιουργείται από αυτό το εργαλείο, μπορείτε να εφαρμόσετε φίλτρα σε οποιοδήποτε στοιχείο HTML. Δείτε πώς:

.filtered-image { filter: blur(5px) brightness(110%) contrast(120%); }

filter: blur(2px) brightness(110%) contrast(120%) saturate(150%);

Τα

φίλτρα CSS συμβατότητας προγράμματος περιήγησης υποστηρίζονται ευρέως σε σύγχρονα προγράμματα περιήγησης, συμπεριλαμβανομένων των Chrome, Firefox, Safari, Edge και Opera. Ωστόσο, παλαιότερα προγράμματα περιήγησης όπως ο Internet Explorer δεν τα υποστηρίζουν.