Συνάρτηση blur
Η συνάρτηση blur επιτρέπει τον θόλωση
των εικόνων φόντου κατά Gauss.
Σύνταξη
επιλογέας {
filter: blur(μέγεθος θόλωσης);
}
Παράδειγμα
Ας ορίσουμε για την εικόνα μας ένα θόλωμα
2px:
<div id="elem"></div>
#elem {
filter: blur(2px);
background-blend-mode: normal;
background: url("bg.png") center / cover no-repeat,
linear-gradient(#00A8DE, #FFF) fixed;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Δείτε επίσης
-
συνάρτηση
brightness,
που ορίζει τη φωτεινότητα του φόντου -
συνάρτηση
contrast,
που ορίζει την αντίθεση του φόντου -
συνάρτηση
drop-shadow,
που ορίζει σκιά στο φόντο -
συνάρτηση
hue-rotate,
που ορίζει την απόχρωση του φόντου -
συνάρτηση
invert,
που αντιστρέφει τα χρώματα του φόντου -
συνάρτηση
opacity,
που ορίζει τη διαφάνεια του φόντου -
συνάρτηση
sepia,
που μετατρέπει το φόντο σε σέπια -
ιδιότητα
background,
που είναι μια συντομευμένη ιδιότητα για το φόντο -
ιδιότητα
background-image,
με την οποία μπορεί να οριστεί εικόνα φόντου σε ένα μπλοκ -
ιδιότητα
filter,
που ορίζει το στυλ για το φόντο