filter ගුණය
filter ගුණය
පසුබිම් පින්තූරයට නිශ්චිත කලාත්මක
විලාසිතාවක් හෝ පෙරහනක් නියම කරයි. ගුණයට
අගයන් ලෙස filter ශ්රිතය මගින් සාදන ලද කලාත්මක විලාසිතාවල නම් හෝ none (තෝරාගත්
පෙරහන අවලංගු කිරීම) ලබා ගත හැක.
වාක්ය ඛණ්ඩය
තේරීම් කරු {
filter: කලාත්මක විලාසිතාව හෝ none;
}
උදාහරණය
අපගේ පින්තූරය සඳහා කළු සහ සුදු පෙරහනක් නියම කරමු, සහ ඊතලය තබන විට එය අවලංගු කරමු:
<div id="elem"></div>
#elem {
filter: grayscale(100%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
#elem:hover {
filter: none;
}
:
තවත් බලන්න
-
backgroundගුණය,
පසුබිම සඳහා කෙටි ගුණයක් ලෙස ක්රියා කරයි -
blurශ්රිතය,
පසුබිම අස්පැහැදිලි කරයි -
brightnessශ්රිතය,
පසුබිමට දීප්තිය නියම කරයි -
contrastශ්රිතය,
පසුබිමට විරුද්ධත්වය නියම කරයි -
drop-shadowශ්රිතය,
පසුබිමට සෙවනැල්ලක් නියම කරයි -
hue-rotateශ්රිතය,
පසුබිමට වර්ණය නියම කරයි -
invertශ්රිතය,
පසුබිමේ වර්ණ ආපසු හරවයි -
opacityශ්රිතය,
පසුබිමට පාරදෘෂ්යතාවය නියම කරයි -
sepiaශ්රිතය,
පසුබිම sepia බවට පරිවර්තනය කරයි
