gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[Russian] responsive-web-design: Improved translate (#23418)

Browse Source
This commit is contained in:
Gregory
2018-10-31 21:40:01 +04:00
committed by Gregory Gubarev
parent c5efb98869
commit 4a5af5d865
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-tone-of-a-color.russian.md
View File

@ -7,17 +7,17 @@ localeTitle: Отрегулируйте тон цвета
---
## Description
<section id="description"> Опция <code>hsl()</code> в CSS также упрощает настройку тона цвета. Смешение белого цвета с чистым оттенком создает оттенок этого цвета, а добавление черного оттенка сделает оттенок. В качестве альтернативы, тон создается путем добавления серого или как под тонировку, так и затенение. Напомним, что &#39;s&#39; и &#39;l&#39; of <code>hsl()</code> означают насыщенность и легкость соответственно. Процент насыщения изменяет количество серых, а процентность света определяет, сколько белого или черного цвета. Это полезно, когда у вас есть базовый оттенок, который вам нравится, но ему нужны разные варианты. </section>
<section id="description"> Опция <code>hsl()</code> в CSS также упрощает настройку тона цвета. Смешение белого цвета с чистым оттенком создает оттенок этого цвета, а добавление черного оттенка сделает оттенок. В качестве альтернативы, тон создается путем добавления серого или как под тонировку, так и как затенение. Напомним, что &#39;s&#39; и &#39;l&#39; в <code>hsl()</code> означают насыщенность и легкость соответственно. Процент насыщения изменяет количество серого, а процент света определяет, сколько белого или черного цвета. Это полезно, когда у вас есть базовый оттенок, который вам нравится, но ему нужны разные варианты. </section>
## Instructions
<section id="instructions"> Навигационная панель на этом сайте в настоящее время наследует свой <code>background-color</code> от элемента <code>header</code> . Начиная с этого цвета в качестве базы, добавьте <code>background-color</code> к элементу <code>nav</code> так что он использует тот же голубой оттенок, но имеет 80% насыщенности и 25% -ные значения яркости, чтобы изменить его тон и оттенок. </section>
<section id="instructions"> Навигационная панель на этом сайте в настоящее время наследует свой <code>background-color</code> от элемента <code>header</code>. Начиная с этого цвета в качестве базы, добавьте <code>background-color</code> к элементу <code>nav</code> так чтобы он использовал тот же голубой оттенок, но имел 80% насыщенности и 25% значения яркости, чтобы изменить его тон и оттенок. </section>
## Tests
<section id='tests'>
```yml
tests:
- text: Элемент <code>nav</code> должен иметь <code>background-color</code> настроенного голубого тона с использованием <code>hsl()</code> .
- text: Элемент <code>nav</code> должен иметь <code>background-color</code> настроенного голубого тона с использованием <code>hsl()</code>.
testString: 'assert(code.match(/nav\s*?{\s*?background-color:\s*?hsl\(180,\s*?80%,\s*?25%\)/gi), "The <code>nav</code> element should have a <code>background-color</code> of the adjusted cyan tone using the <code>hsl()</code> property.");'
```