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

chore(i18n,learn): processed translations (#45555)

Browse Source
This commit is contained in:
camperbot
2022-03-29 01:44:21 +05:30
committed by GitHub
parent 0ec459d7ff
commit 43496432d6
22 changed files with 137 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -11,14 +11,14 @@ dashedName: add-a-box-shadow-to-a-card-like-element
La propiedad `box-shadow` aplica una o más sombras a un elemento.
La propiedad `box-shadow` toma valores para
La propiedad `box-shadow` toma los siguientes valores, en orden:
<ul>
<li><code>offset-x</code> (qué tan lejos extender la sombra horizontalmente desde el elemento),</li>
<li><code>offset-y</code> (qué tan lejos extender la sombra verticalmente desde el elemento),</li>
<li><code>blur-radius</code>,</li>
<li><code>spread-radius</code> y</li>
<li><code>color</code>, en ese orden.</li>
<li><code>offset-x</code> (qué tan lejos extender la sombra horizontalmente desde el elemento)</li>
<li><code>offset-y</code> (qué tan lejos extender la sombra verticalmente desde el elemento)</li>
<li><code>blur-radius</code></li>
<li><code>spread-radius</code></li>
<li><code>color</code></li>
</ul>
Los valores `blur-radius` y `spread-radius` son opcionales.

8
curriculum/challenges/espanol/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.md
View File

@@ -9,7 +9,7 @@ dashedName: adjust-the-hue-of-a-color
# --description--
Los colores tienen varias características tales como el matiz, la saturación y la ligereza. CSS3 introdujo la propiedad `hsl()` como una forma alternativa de elegir un color indicando directamente estas características.
Los colores tienen varias características tales como el matiz, la saturación y la ligereza. CSS3 introdujo la función `hsl()` como una forma alternativa para elegir un color declarando directamente estas características.
Se suele pensar que **Hue** es el "color". Si imaginas un espectro de colores con un rojo en la izquierda que se torna verde en el medio y azul en la derecha, el tono es donde cabe un color a lo largo de esta línea. En `hsl()`, el tono usa un concepto de círculo cromático en lugar del espectro, donde el ángulo del color en el círculo se da como un valor entre 0 y 360.
@@ -27,19 +27,19 @@ Cambia el `background-color` de cada elemento `div` sobre la base de los nombres
# --hints--
Tu código debe usar la propiedad `hsl()` para declarar el color `green`.
Tu código debe usar la función `hsl()` para declarar el color `green`.
```js
assert(code.match(/\.green\s*?{\s*?background-color\s*:\s*?hsl/gi));
```
Tu código debe usar la propiedad `hsl()` para declarar el color `cyan`.
Tu código debe usar la función `hsl()` para declarar el color `cyan`.
```js
assert(code.match(/\.cyan\s*?{\s*?background-color\s*:\s*?hsl/gi));
```
Tu código debe usar la propiedad `hsl()` para declarar el color `blue`.
Tu código debe usar la función `hsl()` para declarar el color `blue`.
```js
assert(code.match(/\.blue\s*?{\s*?background-color\s*:\s*?hsl/gi));

6
curriculum/challenges/espanol/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.md
View File

@@ -15,11 +15,11 @@ Crearás un objeto redondo y transparente con una sombra nítida que está liger
Para crear un objeto redondo, la propiedad `border-radius` se le debe asignar un valor de 50%.
Puede que recuerdes de un desafío anterior que la propiedad `box-shadow` toma valores para `offset-x`, `offset-y`, `blur-radius`, `spread-radius` y un valor para el color, en ese orden. Los valores `blur-radius` y `spread-radius` son opcionales.
Puede que recuerdes de un desafío anterior que la propiedad `box-shadow` toma valores para `offset-x`, `offset-y`, `blur-radius`, `spread-radius` y un valor para el `color`, en ese orden. Los valores `blur-radius` y `spread-radius` son opcionales.
# --instructions--
Manipula el elemento cuadrado en el editor para crear la figura de luna. Primero, cambia el `background-color` a `transparent`, luego establece la propiedad `border-radius` en 50% para hacer la forma circular. Finalmente, cambia la propiedad `box-shadow` para asignar `offset-x` a 25px, `offset-y` a 10px, `blur-radius` a 0, `spread-radius` a 0 y el color a `blue`.
Manipula el elemento cuadrado en el editor para crear la figura de luna. Primero, cambia el `background-color` a `transparent`, luego establece la propiedad `border-radius` en 50% para hacer la forma circular. Finalmente, cambia la propiedad `box-shadow` para establecer el `offset-x` a 25px, el `offset-y` a 10px, `blur-radius` a 0, `spread-radius` a 0, y `color` a `blue`.
# --hints--
@@ -35,7 +35,7 @@ El valor de la propiedad `border-radius` debe establecerse como `50%`.
assert(code.match(/border-radius:\s*?50%;/gi));
```
El valor de la propiedad `box-shadow` debe establecerse en 25px para `offset-x`, 10px para `offset-y`, 0 para `blur-radius`, 0 para `spread-radius` y finalmente `blue` para el color.
El valor de la propiedad `box-shadow` debe ser fijado a 25px para `offset-x`, 10px para `offset-y`, 0 para `blur-radius`, 0 para `spread-radius`, y finalmente `blue` para el `color`.
```js
assert(