opacity funksiyası

opacity funksiyası fon şəkilinin şəffaflığını dəyişməyə imkan verir. 100% və ya 1 dəyəri şəkilə ilkin şəffaflığı qoyur. 0 dəyəri o deməkdir ki, şəkil tamamilə şəffaf olacaq. Bu diapazonda yerləşən hər hansı bir ədəd fonun qismən şəffaflığını təyin edir. Mənfi dəyər təyin etmək olmaz. Susmaya görə dəyər 1-ə bərabərdir.

Sintaksis

cssselektor {
  filter: opacity(ədəd);
}

Nümunə

Gəlin şəkilimizə 50% şəffaflıq təyin edək:

html<div id="elem"></div>

css#elem {
  filter: opacity(50%);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

Nümunə

İndi isə gəlin şəffaflığı 100% təyin edək:

html<div id="elem"></div>

css#elem {
  filter: opacity(100%);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

Nümunə

İndi isə gəlin opacity funksiyasında 0-a bərabər dəyər təyin edək:

html<div id="elem"></div>

css#elem {
  filter: opacity(0);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

Həmçinin bax