codechick
КурсыЗадачиОлимпСообществоМатериалыЖурнал
Войти
Справочник/CSS/Функции CSS/grayscale()
← fit-content()hsl() →
Функции CSS
attr()blur()brightness()calc()clamp()color-mix()conic-gradient()contrast()counter()cubic-bezier()drop-shadow()env()fit-content()grayscale()hsl()hsla()hue-rotate()hwb()linear-gradient()matrix()max()min()minmax()perspective()radial-gradient()repeat()repeating-linear-gradient()rgb()rgba()rotate()saturate()scale()skew()steps()translate()translate3d()translateX()translateY()url()var()

grayscale()

Обесцвечивает элемент.

Сигнатураgrayscale(доля)

0% — цвет сохранён, 100% — полностью чёрно-белое.

.disabled {
  filter: grayscale(100%);
}
← Все записи: Функции CSS
codechick

Простой и тёплый способ научиться программировать.

Платформа
КурсыПрограммыЗадачиОлимпМатериалыЖурналШпаргалкиСправочникЯзыки за минутыСтатистика
Инструменты
Студия кодаВизуализатор кодаДиаграммы MermaidСистемы счисленияJSON-форматтерТестер regexВсе инструменты →
Проект
О насTelegram-каналTelegram-чатКонтакты
© 2026 codechick.io · сделано с заботой о цыплятах