Opacity funksiýasy
opacity funksiýasy
fon şekiliniň şöhlesizligini üýtgetmäge mümkinçilik berýär.
100% ýa-da 1 bahasy
şekile başdaky şöhlesizligi saklaýar.
0 bahasy,
şekiliň doly şöhlesiz boljakdygyny görkezýär.
Bu diapazonda ýerleşen islendik san föndaky bölekleýin şöhlesizligi bellar.
Teris baha bermek bolmaýar.
Deslapky bahasy 1 deňdir.
Sintaksis
selektor {
filter: opacity(san);
}
Mysal
Geliň, şekilimize 50% şöhlesizlik belleýeliň:
<div id="elem"></div>
#elem {
filter: opacity(50%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Mysal
Indi bolsa, geliň 100% şöhlesizlik belleýeliň:
<div id="elem"></div>
#elem {
filter: opacity(100%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Mysal
Indi bolsa, geliň
opacity funksiýasyna
0 deň baha bereliň:
<div id="elem"></div>
#elem {
filter: opacity(0);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Şeýle-de serediň
-
fon şekilini bulanjaklaşdyrýan,
blurfunksiýasy -
fonuň ýagtylygyny belleýän,
brightnessfunksiýasy -
fonuň kontrastlylygyny belleýän,
contrastfunksiýasy -
fona kölege berýän,
drop-shadowfunksiýasy -
fonuň reňk derejesini belleýän,
hue-rotatefunksiýasy -
fonuň reňklerini inwertirleýän,
invertfunksiýasy -
fonu sepia öwüriýän,
sepiafunksiýasy -
fon üçin gysgaltma hossap edilýän,
backgroundhossaby -
onuň kömeginde bloka fon şekilini bermek mümkin bolan,
background-imagehossaby