CSS saturate() συνάρτηση

Προηγούμενη σελίδα Λειτουργία CSS round()
Επόμενη σελίδα Λειτουργία CSS scale()
Επιστροφή στο προηγούμενο επίπεδο Εγχειρίδιο αναφορών συναρμολογητών CSS

Ορισμός και χρήση

Η CSS saturate() Οι συνάρτησεις φίλτρου χρησιμοποιούνται για την ρύθμιση της συγκέντρωσης του στοιχείου (ισχύς χρώματος).

0%（ή 0）θα κάνει το στοιχείο πλήρως ανυποστηρίξιμο
100%（ή 1）θα έχει καμία επίδραση
200%（ή 2）θα κάνει το στοιχείο υπερκατανάσταση

Παράδειγμα

Παράδειγμα 1

Θέστε διαφορετικές συγκεντρώσεις στις εικόνες:

#img1 {
  filter: saturate(0);
}
#img2 {
  filter: saturate(100%);
}
#img3 {
  filter: saturate(200%);
}

Δοκιμάστε το προσωπικά

Παράδειγμα 2

θα saturate() με backdrop-filter Χρήση συνδυασμένων ιδιοτήτων:

div.transbox {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: saturate(450%);
  backdrop-filter: saturate(450%);
  padding: 20px;
  margin: 30px;
  font-weight: bold;
}

Δοκιμάστε το προσωπικά

Γλώσσα CSS

saturate(amount)

Τιμή	Περιγραφή
amount	Προαιρετικό. Ορίζει την τιμή της συγκέντρωσης, μπορεί να είναι αριθμός ή ποσοστό. 0%（ή 0）θα κάνει το στοιχείο πλήρως ανυποστηρίξιμο. 100%（ή 1）προσφέρει καμία επίδραση. Περισσότερο από 100% θα παρέχει υπερκατανάσταση αποτέλεσμα.

Τιμή

Περιγραφή

amount

Προαιρετικό. Ορίζει την τιμή της συγκέντρωσης, μπορεί να είναι αριθμός ή ποσοστό.

0%（ή 0）θα κάνει το στοιχείο πλήρως ανυποστηρίξιμο.

100%（ή 1）προσφέρει καμία επίδραση.

Περισσότερο από 100% θα παρέχει υπερκατανάσταση αποτέλεσμα.