blur ක්රියාකාරිත්වය
blur ක්රියාකාරිත්වය ගවුසියන් අස්ථිර කිරීම
පසුබිම් රූප සඳහා ඉඩ සලසයි.
වාක්ය ඛණ්ඩය
තෝරන්නා {
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ක්රියාකාරිත්වය,
පසුබිම sepia වෙත පරිවර්තනය කරයි -
backgroundගුණාංගය,
පසුබිම සඳහා සංක්ෂිප්ත ගුණාංගයක් ලෙස ක්රියා කරයි -
background-imageගුණාංගය,
බ්ලොක් එකකට පසුබිම් පින්තූරයක් නියම කිරීමට භාවිතා කරයි -
filterගුණාංගය,
පසුබිම සඳහා ශෛලිය නියම කරයි
