86 of 313 menu

invert функциясы

invert функциясы фон суретінің түстерін инверттеуге мүмкіндік береді. 0 мәні суреттің түпнұсқа күйінде қалатынын білдіреді. 100% немесе 1 мәні фон түстерін толығымен инверттейді. Осы диапазонда орналасқан кез келген сан түстерді ішінара инверттейді. Теріс мән беруге болмайды. Әдепкі бойынша мәні 0 тең.

Синтаксис

селектор { filter: invert(сан); }

Мысал

Келіңіздер, біздің суретіміздің түстерін 50% мәніне дейін инверттейік:

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

:

Мысал

Енді келіңіздер, біздің суретіміздің түстерін 100% мәніне дейін инверттейік:

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

:

Мысал

Енді келіңіздер, invert функциясына 0 тең мән берейік:

<div id="elem"></div> #elem { filter: invert(0); background: url("bg.png") center / cover no-repeat; width: 400px; height: 300px; border: 1px solid black; }

:

Сондай-ақ қараңыз

  • blur функциясы,
    бұл фонды бұлыңғырлатады
  • brightness функциясы,
    бұл фонға жарқырауын береді
  • contrast функциясы,
    бұл фонға контрасттылық береді
  • drop-shadow функциясы,
    бұл фонға көлеңке береді
  • hue-rotate функциясы,
    бұл фонға түстік береді
  • opacity функциясы,
    бұл фонға мөлдірлік береді
  • sepia функциясы,
    бұл фонды сепияға айналдырады
  • background сипаты,
    бұл фон үшін қысқартылған сипат
  • background-image сипаты,
    бұл блокқа фондық сурет беру үшін қолданылады
  • filter сипаты,
    бұл фон үшін стиль береді
Қазақ
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართული한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Біз сайттың жұмысы, аналитика және персонализация үшін cookie файлдарын қолданамыз. Деректерді өңдеу Құпиялылық саясаты бойынша жүреді.
барлығын қабылдау баптау қабылдамау