Συνάρτηση 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,
που ορίζει το στυλ για το φόντο