contrast() в CSS

Функция contrast()CSS3-генератор ☛

Функция contrast() понижает или повышает контрастность изображений или фоновых картинок.

Синтаксис ?

Обозначения

Описание Пример
Указывает тип значения.
A && B Значения должны выводиться в указанном порядке. &&
A | B Указывает, что надо выбрать только одно значение из предложенных (A или B). normal | small-caps
A || B Каждое значение может использоваться самостоятельно или совместно с другими в произвольном порядке. width || count
[ ] Группирует значения. [ crop || cross ]
* Повторять ноль или больше раз. [, ]*
+ Повторять один или больше раз. +
? Указанный тип, слово или группа не является обязательным. inset?
Повторять не менее A, но не более B раз.
# Повторять один или больше раз через запятую. #

Значения

Значение 100% или 1 оставляет изображение исходным. Любые значения меньше 100% (или меньше 1) понижают контрастность изображения. При этом 0 даёт однотонную серую картинку. Значения больше 100% (или больше 1) повышают контрастность изображения.

Отрицательное значение не допускается. Пустое значение воспринимается как 1.

Пример

Результат данного примера показан на рис. 1.

Рис. 1. Повышение контрастности. Слева — оригинал, справа фотография с фильтром

Примечание

Chrome, Opera и Safari поддерживают свойство -webkit-filter .

Спецификация ?

Спецификация Статус
Filter Effects Module Level 1 Рабочий проект

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
  • Cand >Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft ( Черновик спецификации ) — первая черновая версия стандарта.

Браузеры: Настольные Мобильные ?

Internet Explorer Edge Chrome Opera Safari Firefox
13 18 15 6 35
Android Firefox Mobile Opera Mobile Safari Mobile
4.4 35 37 6.1

Браузеры

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Contrast() в CSS

CSS3 фильтры являются весьма интересным ответвлением от SVG, позволяющим изменять HTML-элементы и изображения, применяя фильтры размытия, яркости и многие другие. В этом уроке мы кратко рассмотрим, как именно они работают.

Как это работает?

Используя только CSS мы можем создавать некоторые довольно сложные эффекты. Они могут быть применены как к изображениям, так и к HTML-элементам. Свойство, которое используется для управления всеми этими эффектами — это filter.

Как и следовало ожидать, для этого свойства требуется использование префикса браузера. Но на данный момент, только -webkit- (Chrome и Safari) является единственным движком браузеров, поддерживающим это свойство.

Фильтрация

Существует целый ряд фильтров, поэтому, чтобы получить более полное представление о каждом из них, давайте рассмотрим их по отдельности. Несколько фильтров могут быть применены к одному элементу (через пробел), например, brightness и blur:

Есть несколько фильтров, которые не будут рассмотрены ниже, но их можно легко реализовать с уже существующими CSS (прозрачность и тени). Вот оригинальное изображение, которое мы будем использовать для демонстрации работы фильтров:

Я буду приводить фото c применением фильтра (первое фото) и результат работы фильтра в виде статичного изображения (второе фото), если вы используете браузер, который не поддерживает фильтры и не можете увидеть результат.

Размытие

Всегда хотели сделать гауссовское размытие для изображения или текста только при помощи одного CSS? С фильтрами вы это сможете! Размытие измеряется в пикселях, так что вы можете сделать что-то вроде этого:

Яркость

Яркость измеряется от нуля до единицы, 1 — это полная яркость (белый цвет), а 0 — первоначальная яркость.

Насыщенность

Насыщенность измеряется в процентах.

Поворот тона

Этот фильтр позволяет Вам изменять тон, повернув его (представьте себе колесо цветов, которые вы затем поворачиваете). Он измеряется в градусах.

Контрастность

Констрастность, опять же, измеряется в процентах. 100% является значением по умолчанию, 0% позволит создать полностью черное изображение. Все, что более 100% добавляет контраст!

Инверсия

Также измеряется в процентах. Доступны значения от 0% до 100%. Как ни странно, на данный момент, webkit не поддерживает инверсии, если они меньше, чем 100%.

Обесцвечивание

Опять же, указываете значение в процентах, на которое вы хотите обесцветить изображение. Доступны значения от 0% до 100%.

Сепия

Я полагаю, это очень полезно, если вы хотите опубликовать что-то в Instagram. Хотя я также полагаю, вы не будете использовать CSS для этого. Во всяком случае, подобные оттенки серого и негатива, в сумме, позволят вам добавить сепию к изображению. 100% — это будет завершенная сепия, 0% — исходное изображение.

Поддержка браузерами

Webkit Mozilla Trident Presto
Размытие Экспериментальная Нет Нет Нет
Яркость
Насыщенность
Поворот тонов
Контрастность
Инверсия Только полная инверсия
Обесцвечивание Экспериментальная
Sepia

Если у Вас возникли вопросы, то для скорейшего получения ответа рекомендуем воспользоваться нашим форумом

High Contrast, A PostCSS Plugin Story*

Easily manage projects with monday.com

*Based on true events

It’s hard to imagine life without internet today. Many people’s lives are less or more tied with internet. Think about everything we rely on it for: communication, education, shopping, business control, home management, entertainment, etc. It’s like a world inside another world, with it’s own rules and diversity.

Around 80 million people in the EU are disabled and this number is growing. The unfortunate truth is that many of them can’t use all the opportunity of the internet, because so many of them don’t care about accessibility.

What can we do about this?

It’s a good question. We live in a time when technologies can help us to take care of people who need special care. More and more organizations, companies, even governments are getting involved to help people with disabilities.

Web Accessibility Law

Not so long ago the EU passed a law about web accessibility. This law covers public sector websites and mobile apps, like administrations, police departments, public hospitals, universities, and libraries. It will require them to be accessible for all citizens — in particular for the blind, the hard of hearing, the deaf, and those with low vision and with functional disabilities.

New rules accepted in the EU web accessibility directive are:

  • All websites or web applications owned by EU-member governments must be fully accessible to people with disabilities. New websites must be accessible and existing content must be updated.
  • Archival content and documents will be available on demand in accessible form.
  • Government videos must be closed captioned. Live video has a window of 14 days since first broadcast to get captions.
  • Online services, like paying fines or fees, will have to be accessible.
  • EU government websites must indicate if (and why) parts of their website are inaccessible.
  • EU member states must regularly monitor and report to both the public and the European Commission on the accessible status of their web services.

In a press release, Günther H. Oettinger, Commissioner for the Digital Economy and Society, stated:

It is not acceptable that millions of European citizens are left behind in the digital society. The agreement that we have just reached will ensure that everyone has the same opportunity to enjoy the benefits of the internet and mobile apps, to participate in society to a fuller extent and to lead a more independent life.

Echoing that sentiment, Andrus Ansip, Vice-President for the Digital Single Market, said:

Internet access should be a reality for everyone. Leaving millions of Europeans behind is not an option. Tonight’s agreement is an important step towards a Digital Single Market, which is about removing barriers so that all Europeans can get the best from the digital world.

I think it’s very important to understand that internet is the place where everyone is equal. And I think that nowadays, internet de facto should be accessible, in one or another form, for as more users as possible.

I would like to share our story about how we developed a tool that helps to develop a high contrast version of a website.

Contrast Matters

Contrast makes it easy to distinguish one thing from another. In web design, contrast usually refers to the difference between the foreground and background of text. In other words, how different are the words on the screen from the background they sit on.

Text contrast is an important accessibility criterion. When people use websites or apps, they don’t read, they scan. When most people scan or read quickly, they rely on word and character shapes rather than more explicitly conscious strategies like analyzing each letter and the order in which it appears. You’re probably doing that right now, by using good contrast text that makes those shapes easy to immediately recognize.

High Contrast

In some countries government requires from public websites special high contrast version of the website with inverted colors. You may know them by this kind of icon:

This high contrast setting benefits users with low vision or other visual disabilities.

The Challenge

Not so long ago our team has faced the project that required high contrast version. And it was a big challenge for all of us.

First of all we were digging all over the internet researching information about what is high contrast and how should it work. Unfortunately, we didn’t find enough information. Everything was very abstract and poor. But some information we did find useful. The background should be dark (black), text — opposite color of the background (white), links — yellow or green.

Some websites may even invert images, some may completely remove images from high-contrast version.

CSS Preprocessors

One way to build a high contrast version of a site is by using preprocessors like Less, Sass, or Stylus. Preprocessors also give us a lot of ways to compile two versions of website. For example it can be variables:

This might make our CSS a bit complicated and hard to maintain. Here’s another way, @mixins:

This method is a little bit better, but still has disadvantages. There are tons of other ways how to develop high contrast version. Each one has its own advantages and disadvantages.

But what if you don’t use a preprocessor? Or what if your project is already under development and variables or mixins are not used properly or missing at all?

We have faced this problem. While one part of the team was researching high contrast and ways to integrate it into the development process, another part of the team already was developing the project. Plus, unfortunately, they didn’t use a preprocessor at all.

A Plugin Idea!

Fortunately for us, we already knew about PostCSS and all its possibilities. The great thing about PostCSS for us was that we could just modify or replace those properties or values that we needed, everything else could stay untouched. Isn’t that great? This is why we decided to create the PostCSS High Contrast plugin.

Developing The PostCSS Plugin

At first, it seemed like one more challenge for us. No one had no idea how to write a PostCSS Plugin. We were surprised how easy it was. PostCSS has great documentation and community and this is very helpful especially for newbies like us.

After an hour of looking through PostCSS documentation, we were able to start with our plugin. PostCSS has really great API. Look at these few lines of js:

They speak for themselves!

But still, we faced a bunch of other problems:

  • What colors to change and what colors leave untouched?
  • What if colors are inherited from parent elements?
  • What if colors are already high contrast?
  • What if it is complex element, which is not that easy to modify, change it’s color or background-color?

We had a lot of questions. We didn’t know how to move forward.

First of all we had to decide what colors to change and what colors leave untouched. We tried to find out if each color is high contrast enough or not by checking it’s brightness and saturation:

But after some testing of this approach, we decided it didn’t fit very well for us. It was very complicated, sometimes it didn’t work as we expected, and it took more time to compile our CSS. We realized that the best way would be just to replace all the colors no matter what:

This seemed to work great. After celebrating our another small win, we noticed that not all elements were affected. Investigation of the problem showed that not all elements have color properties. CSS inheritance! To solve this issue we decided to create “aggressive mode”.

“Aggressive mode” accepts a list of selectors that will get color property no matter what.

After few more different tests, it seemed that our plugin was finished.

How does it work?

Before I finish our story, I would like to describe how to use PostCSS High Contrast Plugin. I hope you are already familiar with PostCSS and its ecosystem. If not check out PostCSS website. No matter what your preprocessor preference, you can additionally use PostCSS. This means that PostCSS High Contrast plugin will work with any CSS.

Here’s an example configuration:

Normal mode example:

Aggressive mode example:

The End

It was great experience for us to develop the PostCSS High Contrast Plugin. I would like to thank the PostCSS team for the great tool, documentation, and API. We never imagined it would be so easy.

We live in a wonderful time. We have so many technologies that help us everyday and the internet is one of the most important. So let’s try to make it more accessible to everyone.

Comments

The infinitely better option is to go the b/w design drafting way – one actually suggested in an old, but still relevant book about modern web design and psychology – and thus avoid major pitfalls.

The other is of corpse to ask yourself why one would be forced to use the classic white on black scheme AT ALL. There are lots and lots of sites, esp. music-related ones, that use the opposite, ie. white on black. One of the biggest metal-focused encyclopaediae / wikis, ie. the Encyclopaedia Metallum, is using that color scheme exclusively. Oh, and my very own portfolio site is doing so, too :D

Though my way would be slightly different: Probably an alternative stylesheet plus stylesheet switcher for additional improvements. Yes, one of those that became popular in the hay days of CSS 2 .. I recently dug through my own snippet library, and found exactly that. Some of those code snippets have been around since my first in-depth research about Wikiwikis, when I embraced the flatfile, non-database driven, Creole-oriented style of Dokuwiki – guess that would be October or November 2006.

That still might see the usage of a post CSS processor, but in reality, one would simply make the site better zoomable, add a few proper image helpers (as already pointed out in the article), and be done with it. Your base design should already be user-friendly, thus properly accessible. Eg. when designing for tablets and smart phones, you automatically design for the abled crowd, too – because properly usable, big buttons and touch-enabled interfaces also help folks with reduced / limited motor skills. Well contrasted sites help everyone, esp. people working by night, but also strongly near-sighted persons, people with a reduced ability to contract their pupils (yes, there is such a thing; folks with that issue get lots of fun with checkups – “are you on drugs” – “no!” – “but your pupils ..” – “it’s a genetic condition!” – “are you sure …?” – “AAAAH!”), and so on.

ps: Just saying: I’d suggest neither using the word “disabled” nor “handicapped”. Because we are not disabled nor handicapped – but YOU = the rest of the world handicaps and disables us. Esp. by using such labels :P

contrast() CSS Function

Description

The contrast() CSS function lowers or increases the contrast of images or background images.

Syntax

Values

  • number-percentage Specified as a or a

. A value under 100% decreases the contrast, while a value over 100% increases it. A value of 0% will create an image that is completely grey, while a value of 100% leaves the input unchanged. The lacuna value for interpolation is 1.

Притормози, дружище

Проходить главу «Кекстаграм: Начало. CSS-фильтры» можно после оформления подписки.

Консультация по телефону 8 800 555-86-28 .

Курсы

Профессии

Информация

Услуги

Остальное

Регистрация

Нажимая кнопку «Зарегистрироваться», вы даёте своё согласие на обработку персональных данных в соответствии с «Политикой конфиденциальности» и соглашаетесь с «Условиями оказания услуг».

Восстановление доступа

Забыли пароль или потеряли доступ к профилю? Введите привязанную к профилю эл. почту, мы отправим вам письмо со ссылкой для восстановления.

Забыли привязать эл. почту к профилю? Напишите нам, мы поможем.

Яркость и контрастность CSS3 на стороне сервера

В CSS3 есть замечательное свойство, позволяющее менять яркость и контрастность изображений непосредственно в браузере. В Chrome и Opera это делается с помощью свойства -webkit-filter (в других браузерах есть свои свойства CSS для этого). Это же свойство позволяет менять и другие характеристики, такие как насыщенность, применять сепию, и делать изображение расплывчатым, но разговор пойдёт только о яркости и насыщенности.

Например, добавление CSS-свойства -webkit-filter: brightness(1.5) contrast(1.2); сделает изображение намного ярче и контрастнее.

Проблема возникнет тогда, когда мы захотим сделать что-то вроде онлайн-редактора изображений, позволяя пользователю менять яркость и контраст некоторого изображения прямо в браузере и затем сохранить полученную картинку на сервере. При этом для обработки изображения на стороне сервера у нас есть мощнейший продукт под названием ImageMagick. Это расширение ставится дополнительно, но на всех нормальных хостингах оно присутствует.

Однако несмотря на всю мощь ImageMagick у него нет прямых функций, которые позволили бы нам напрямую обработать изображение с помощью значений яркости и контрастности, полученных из CSS-фильтра. Зато есть функция «-level», с помощью которой можно модифицировать яркостные характеристики сразу всех пикселей изображения.

Функция level в imagemagick имеет три параметра — уровень чёрного, уровень белого и гамма-коррекция. Последний параметр нам не пригодится. Первые два параметра можно задавать либо в процентах, либо в абсолютных величинах (от 0 до максимального значения яркости пиксела, которое может быть либо 255, либо 65535 в зависимости от формата изображения). Мы будем работать в процентах, это гораздо удобнее.

Итак, команда для преобразования изображения будет выглядеть следующим образом

convert src.jpg -level z1%,z2% dest.jpg

Дальнейшая задача будет заключаться в том, чтобы преобразовать значения CSS-яркости (обозначим его b) и CSS-контрастности (обозначим его c) в величины z1 и z2 (я назвал их так для более удобного использования в формулах).

Углубившись в теорию цифровой обработки и потратив 3 часа на подбор z1 и z2 «вручную», я выяснил, что формулы преобразования для яркости b (при неизменной контрастности или c=1) будут следующими

Соответствующие формулы преобразования для контрастности c (при неизменной яркости, b=1) будут такими

Также методом научного «тыка» я выяснил, что при наличии неединичных значений и b и c (т.е. нужно изменить и яркость и контрастность), можно выполнить два преобразования — сперва применить convert для яркости, затем — для контрастности (в таком и только таком порядке), используя промежуточный временный файл. То есть код будет выглядеть так:

convert src.jpg -level %, % temp.jpg # z1 и z2 — значения для яркости

convert temp.jpg -level %, % dest.jpg # z1_ и z2_ — значения для контрастности

Но два преобразования — это некрасиво. Можно ли подобрать такие z1 и z2, чтобы можно было применить и яркость и контрастность одновременно? Несмотря на то, что результат получился в итоге простым, изначально он был совсем неочевиден. Поэтому я решил вспомнить школьный курс алгебры и провести необходимые вычисления.

Будем отталкиваться о того, что формула для изменения яркости пиксела p при заданных z1, z2 выглядит следующим образом (формула также получена мной полуэмпирическим путём, но она верная, можете мне доверять)

Таким образом, можно подставить в эту формулу значения z1 и z2 для яркости b и получим

И для контрастности

Теперь можно подставить в формулу для контрастности значение p из первой формулы и получим общую формулу для яркости пиксела

Теперь осталось только преобразовать эту формулу в функцию от z1 и z2, используя (1).

Получаем систему уравнений

Решая которую, находим искомые выражения для z1 и z2

Ниже я привожу полный код, который следует использовать для преобразования CSS3-яркости и контрастности с помощью ImageMagick

CSS filter Property

Example

Change all images to black and white (100% gray):

Tip: More «Try it Yourself» examples below.

Definition and Usage

The filter property defines visual effects (like blur and saturation) to an element (often ).

Default value: none
Inherited: no
Animatable: yes. Read about animatable
Version: CSS3
JavaScript syntax: object.style.WebkitFilter=»grayscale(100%)» Try it

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Numbers followed by -webkit- specify the first version that worked with a prefix.

Property
filter 53.0
18.0 -webkit-
13.0 35.0 9.1
6.0 -webkit-
40.0
15.0 -webkit-

Note: Older versions of Internet Explorer (4.0 to 8.0) supported a non-standard «filter» property that has been deprecated. This was mostly used for opacity when needed support from IE8 and down.

CSS Syntax

Tip: To use multiple filters, separate each filter with a space (See «More Examples» below).

Filter Functions

Note: The filters that use percentage values (i.e. 75%), also accept the value as decimal (i.e. 0.75).

Filter Description Play it
none Default value. Specifies no effects Play it »
blur(px) Applies a blur effect to the image. A larger value will create more blur.

If no value is specified, 0 is used. Play it » brightness(%) Adjusts the brightness of the image.

0% will make the image completely black.
100% (1) is default and represents the original image.
Values over 100% will provide brighter results. Play it » contrast(%) Adjusts the contrast of the image.

0% will make the image completely black.
100% (1) is default, and represents the original image.
Values over 100% will provide results with more contrast. Play it » drop-shadow(h-shadow v-shadow blur spread color) Applies a drop shadow effect to the image.

Possible values:
h-shadow — Required. Specifies a pixel value for the horizontal shadow. Negative values place the shadow to the left of the image.

v-shadow — Required. Specifies a pixel value for the vertical shadow. Negative values place the shadow above the image.

blur — Optional. This is the third value, and must be in pixels. Adds a blur effect to the shadow. A larger value will create more blur (the shadow becomes bigger and lighter). Negative values are not allowed. If no value is specified, 0 is used (the shadow’s edge is sharp).

spread — Optional. This is the fourth value, and must be in pixels. Positive values will cause the shadow to expand and grow bigger, and negative values will cause the shadow to shrink. If not specified, it will be 0 (the shadow will be the same size as the element).
Note: Chrome, Safari and Opera, and maybe other browsers, do not support this 4th length; it will not render if added.

color — Optional. Adds a color to the shadow. If not specified, the color depends on the browser (often black).

An example of creating a red shadow, which is 8px big both horizontally and vertically, with a blur effect of 10px:

filter: drop-shadow(8px 8px 10px red);

Tip: This filter is similar to the box-shadow property. Play it » grayscale(%) Converts the image to grayscale.

0% (0) is default and represents the original image.
100% will make the image completely gray (used for black and white images).

Note: Negative values are not allowed. Play it » hue-rotate(deg) Applies a hue rotation on the image. The value defines the number of degrees around the color circle the image samples will be adjusted. 0deg is default, and represents the original image.

Note: Maximum value is 360deg. Play it » invert(%) Inverts the samples in the image.

0% (0) is default and represents the original image.
100% will make the image completely inverted.

Note: Negative values are not allowed. Play it » opacity(%) Sets the opacity level for the image. The opacity-level describes the transparency-level, where:

0% is completely transparent.
100% (1) is default and represents the original image (no transparency).

Note: Negative values are not allowed.
Tip: This filter is similar to the opacity property. Play it » saturate(%) Saturates the image.

0% (0) will make the image completely un-saturated.
100% is default and represents the original image.
Values over 100% provides super-saturated results.

Note: Negative values are not allowed. Play it » sepia(%) Converts the image to sepia.

0% (0) is default and represents the original image.
100% will make the image completely sepia.

Contrast() в CSS

Css module of single purpose classes for filter contrast

281 24 48
bytes selectors declarations

Learn more about using css installed with npm:

Import the css module

Then process the css using the tachyons-cli

The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:

The built css is located in the css directory. It contains an unminified and minified version. You can either cut and paste that css or link to it directly in your html.

The source css files can be found in the src directory. Running $ npm start will process the source css and place the built css in the css directory.

Contrast() в CSS

Css module of single purpose classes for filter contrast

281 24 48
bytes selectors declarations

Learn more about using css installed with npm:

Import the css module

Then process the css using the tachyons-cli

The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:

The built css is located in the css directory. It contains an unminified and minified version. You can either cut and paste that css or link to it directly in your html.

The source css files can be found in the src directory. Running $ npm start will process the source css and place the built css in the css directory.

Contrast() в CSS

В фотографии регулировка контраста изображения часто является важной частью процедуры обработки сообщений. Контрастность означает разницу между светом и тёмным снимком. В цветовом спектре изображения самый темный цвет, а самый светлый это белая палитра. Высоко контрастное изображение, это картинка которое отображает большое количество тонов между этими двумя крайностями.

Напротив изображение с низким контрастом является тем, у которого нет слишком большого изменения между светлыми и темными тонами. Картинки с высоким контрастом, как правило, яркие, тогда как снимок с низким контрастом имеют тенденцию быть тусклыми и затемненными.

Когда речь идет о контрастах с картинками, которая часто возникает и регулирует яркость кадра. Изменение яркости, это еще один способ изменения тонов изображения, чтобы добиться определенного вида. Можно настроить контрастность и яркость снимка в CSS. Это делается с помощью свойства фильтра, что будут представлены ниже. Свойство фильтра позволяет изменять диапазон картинки, где два значения свойства фильтра, это контраст и яркость. Ниже приведены примеры того, как каждый работает.

Контраст принимает процентные значения от 0% до более 100%. Значение 100% не приводит к изменению изображения. Значения менее 100% уменьшают контрастность снимка, тогда как значения, превышающие 100%, увеличивают контрастность картинки.

Десятичные значения также приемлемы в качестве входных значений. Ниже приведены несколько примеров применения различных контрастов к снимку. Как вы можете видеть на 70%, снимка более темное, чем исходная картинка. По мере увеличения контраста тени становятся темнее, тогда как светлые тона снимка становятся ярче.

Синтаксис регулировки яркости, это фильтр яркость по значению. Яркость, что подобна контрасту принимает процентные значения от 0% до 100%. Показание 100% сохраняет исходную виртуальность. Любое значение менее 100% уменьшает картинку с параметром 0%, что приводит к полностью черному снимку. Значения более 100% увеличивают яркость изображения.

Илон Маск рекомендует:  Методы доступа к элементам массивов
Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL