chore(i18n,learn): processed translations (#45621)
This commit is contained in:
@ -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 función `hsl()` para declarar el color `green`.
|
||||
Tu código debe tener la propiedad `hsl()` para declarar el color verde.
|
||||
|
||||
```js
|
||||
assert(code.match(/\.green\s*?{\s*?background-color\s*:\s*?hsl/gi));
|
||||
```
|
||||
|
||||
Tu código debe usar la función `hsl()` para declarar el color `cyan`.
|
||||
Tu código debe tener la propiedad `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 función `hsl()` para declarar el color `blue`.
|
||||
Tu código debe tener la propiedad `hsl()` para declarar el color blue.
|
||||
|
||||
```js
|
||||
assert(code.match(/\.blue\s*?{\s*?background-color\s*:\s*?hsl/gi));
|
||||
|
@ -36,7 +36,7 @@ Finalmente, en el selector `heart::before`, establece su propiedad `content` en
|
||||
|
||||
# --hints--
|
||||
|
||||
La propiedad `background-color` del selector `heart::after` debe ser `pink`.
|
||||
La propiedad de `background-color` del selector `heart::after` debe ser `pink`.
|
||||
|
||||
```js
|
||||
const heartAfter = code.match(/\.heart::after\s*{[\s\S]+?[^\}]}/g)[0];
|
||||
@ -57,7 +57,7 @@ La propiedad `transform` para la clase `heart` debe usar una función `rotate()`
|
||||
assert(code.match(/transform\s*?:\s*?rotate\(\s*?-45deg\s*?\)/gi));
|
||||
```
|
||||
|
||||
El `content` del selector `heart::before` debe ser una cadena vacía.
|
||||
El `contenido` de `heart::before` debe ser una cadena vacía.
|
||||
|
||||
```js
|
||||
assert(code.match(/\.heart::before\s*?{\s*?content\s*?:\s*?("|')\1\s*?;/gi));
|
||||
|
@ -11,7 +11,7 @@ dashedName: use-a-bezier-curve-to-move-a-graphic
|
||||
|
||||
Un desafío anterior discutió la palabra clave `ease-out` que describe un cambio de animación que se acelera primero y luego se ralentiza al final de la animación. A la derecha, se muestra la diferencia entre la palabra clave `ease-out` (para el elemento azul) y la palabra clave `linear` (para el elemento rojo). Se pueden lograr progresiones de animación similares a la palabra clave `ease-out` utilizando una función de curva Bezier cúbica personalizada.
|
||||
|
||||
En general, el cambio de los puntos de anclaje `p1` y `p2` impulsa la creación de diferentes curvas Bezier, que controlan como la animación progresa a través del tiempo. Aquí hay un ejemplo de una curva de Bezier que usa valores para imitar el estilo de facilidad:
|
||||
En general, el cambio de los puntos de anclaje `p1` y `p2` impulsa la creación de diferentes curvas Bezier, que controlan como la animación progresa a través del tiempo. Aquí tienes un ejemplo de una curva Bezier usando valores para imitar el estilo de `ease-out`:
|
||||
|
||||
```css
|
||||
animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
|
||||
|
@ -47,7 +47,7 @@ La parada de color en 0 píxeles debe ser `yellow`.
|
||||
assert(code.match(/yellow\s+?0(px)?/gi));
|
||||
```
|
||||
|
||||
Una parada de color a 40 píxeles debe ser `yellow`.
|
||||
La primera parada de color en 40 píxeles debe ser `yellow`.
|
||||
|
||||
```js
|
||||
assert(code.match(/yellow\s+?40px/gi));
|
||||
|
Reference in New Issue
Block a user