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

[Russian] responsive-web-design: improved translate (#23392)

Browse Source 
* responsive-web-design: improved translate

* ch13

* ch
This commit is contained in:
Gregory
2018-11-21 22:03:47 +04:00
committed by Gregory Gubarev
parent 53bf2f7a61
commit b695b6d688
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.russian.md
View File

@ -8,11 +8,12 @@ localeTitle: Добавьте тень к карточному элементу
## Description
<section id="description"> Свойство <code>box-shadow</code> добавляет одну или несколько теней к элементу. Свойство <code>box-shadow</code> принимает значения для <code>offset-x</code> (как далеко по горизонтали отбрасывать тень от элемента), <code>offset-y</code> (как далеко по вертикали отбрасывать тень от элемента), <code>blur-radius</code> <code>spread-radius</code> и значение цвета в этом порядке. Значения <code>blur-radius</code> <code>spread-radius</code> необязательны. Вот пример CSS для создания нескольких теней чёрного цвета с размытием и прозрачностью: <blockquote> box-shadow: 0 10px 20px rgba (0,0,0,0,19), 0 6px 6px rgba (0,0,0,0,23); </blockquote></section>
<section id="description"> Свойство <code>box-shadow</code> применяет одну или несколько теней к элементу. Свойство <code>box-shadow</code> принимает значения для <code>offset-x</code> (как далеко отбрасывать тень горизонтально от элемента), <code>offset-y</code> (как далеко отбрасывать тень вертикально от элемента), <code>blur-radius</code> <code>spread-radius</code> и значения цвета в этом порядке. Значения <code>blur-radius</code> и <code>spread-radius</code> необязательны. Вот пример CSS для создания нескольких теней с некоторым размытием в основном прозрачных черных цветах: <blockquote> box-shadow: 0 10px 20px rgba (0,0,0,0,19), 0 6px 6px rgba (0,0,0,0,23); </blockquote></section>
## Instructions
<section id="instructions"> Элемент теперь имеет id <code>thumbnail</code> . С помощью этого селектора используйте приведенные выше примеры CSS, чтобы поместить <code>box-shadow</code> на карту. </section>
<section id="instructions"> Элемент теперь имеет идентификатор <code>thumbnail</code>. С помощью этого селектора используйте приведенные выше примеры CSS, чтобы применить <code>box-shadow</code> к карточке. </section>
## Tests
<section id='tests'>
@ -20,10 +21,11 @@ localeTitle: Добавьте тень к карточному элементу
```yml
tests:
- text: Ваш код должен добавить свойство <code>box-shadow</code> для id <code>thumbnail</code> .
- text: Ваш код должен добавить свойство <code>box-shadow</code> для идентификатора <code>thumbnail</code>.
testString: 'assert(code.match(/#thumbnail\s*?{\s*?box-shadow/g), "Your code should add a <code>box-shadow</code> property for the <code>thumbnail</code> id.");'
- text: Вы должны использовать данный CSS для значения <code>box-shadow</code> .
- text: Вы должны использовать данный CSS для значения <code>box-shadow</code>.
testString: 'assert(code.match(/box-shadow:\s*?0\s+?10px\s+?20px\s+?rgba\(\s*?0\s*?,\s*?0\s*?,\s*?0\s*?,\s*?0?\.19\),\s*?0\s+?6px\s+?6px\s+?rgba\(\s*?0\s*?,\s*?0\s*?,\s*?0\s*?,\s*?0?\.23\)/gi), "You should use the given CSS for the <code>box-shadow</code> value.");'
```