Funkcija blur
Funkcija blur leidžia išblurinti
fono paveikslėlius pagal Gausą.
Sintaksė
selektorius {
filter: blur(blurimo dydis);
}
Pavyzdys
Nustatykime mūsų paveikslėliui blurimą
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;
}
:
Taip pat žiūrėkite
-
funkcija
brightness,
kuri nustato fono ryškumą -
funkcija
contrast,
kuri nustato fono kontrastą -
funkcija
drop-shadow,
kuri nustato fono šešėlį -
funkcija
hue-rotate,
kuri nustato fono atspalvį -
funkcija
invert,
kuri invertuoja fono spalvas -
funkcija
opacity,
kuri nustato fono permatomumą -
funkcija
sepia,
kuri paverčia foną sepija -
savybė
background,
kuri yra sutrumpinta fono savybė -
savybė
background-image,
kuria blokui galima nustatyti fono paveikslėlį -
savybė
filter,
kuri nustato fono stilių
