Funkcija blur
Funkcija blur ļauj izplūdināt
fona attēlus pēc Gausa.
Sintakse
selektors {
filter: blur(izplūduma lielums);
}
Piemērs
Uzstādīsim mūsu attēlam izplūdumu
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;
}
:
Skatiet arī
-
funkcija
brightness,
kas nosaka fona spilgtumu -
funkcija
contrast,
kas nosaka fona kontrastu -
funkcija
drop-shadow,
kas nosaka fona ēnu -
funkcija
hue-rotate,
kas nosaka fona krāsu toņu -
funkcija
invert,
kas invertē fona krāsas -
funkcija
opacity,
kas nosaka fona caurspīdīgumu -
funkcija
sepia,
kas pārveido fonu sepijā -
īpašība
background,
kas ir saīsinājuma īpašība fonam -
īpašība
background-image,
ar kuru blokam var piešķirt fona attēlu -
īpašība
filter,
kas nosaka stilu fonam
