81 of 313 menu

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 функциясы,
    фонды сепияға түрлендіреді
  • 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 файлдарын қолданамыз. Деректерді өңдеу Құпиялылық саясаты бойынша жүреді.
барлығын қабылдау баптау қабылдамау