Comments inside code snippets are not translated (#20793)

The code snippets explaining the CSS are not translated, also fixed one code snippet that was not properly escaped.
This commit is contained in:
Sadok Cervantes
2018-12-11 14:23:01 -06:00
committed by Jaka Kranjc
parent 3bf98582e2
commit 18ac204329

View File

@ -15,13 +15,13 @@ Puede elegir hasta qué punto desea que el elemento sea transparente. Tienes que
**Completamente opaco** **Completamente opaco**
```css ```css
.class-name { .nombre-de-la-clase {
opacity:1; opacity:1;
} }
OR Ó
.class-name { .nombre-de-la-clase {
opacity:1.0; opacity:1.0;
} }
``` ```
@ -29,29 +29,35 @@ Puede elegir hasta qué punto desea que el elemento sea transparente. Tienes que
**Translúcido** **Translúcido**
```css ```css
.class-name { .nombre-de-la-clase {
opacity:0.5; opacity:0.5;
} }
Opacity value can be anything between 0 and 1; /*El valor de opacidad puede ser cualquiera entre 0 y 1*/
``` ```
**Transparente** **Transparente**
```css ```css
.class-name { .nombre-de-la-clase {
opacity:0; opacity:0;
} }
OR Ó
.class-name { .nombre-de-la-clase {
opacity:0.0; opacity:0.0;
} }
``` ```
Alternativamente, puedes usar un valor rgba transparente como este: \`\` \`css Alternativamente, puedes usar un valor rgba transparente como este:
.nombre de la clase{ color de fondo: rgba (0,0,0, .5); } \`\` \` El ejemplo anterior establece que el fondo es negro con un 50% de opacidad. El último valor de un valor rgba es el valor alfa. Un valor alfa de 1 es igual a 100%, y 0.5 (.5 para corto) quals 50%. Usamos este método para agregar transparencia a un elemento sin afectar el contenido del interior. ```css
.nombre-de-la-clase {
background-color: rgba (0,0,0,.5);
}
```
El ejemplo anterior establece que el fondo es negro con un 50% de opacidad. El último valor de un valor rgba es el valor alfa. Un valor alfa de 1 es igual a 100%, y 0.5 (.5 para corto) quals 50%. Usamos este método para agregar transparencia a un elemento sin afectar el contenido del interior.
[Un ejemplo de código para mostrar los rangos de opacidad de fondo.](https://codepen.io/lvcoulter/full/dVrwmK/) [Un ejemplo de código para mostrar los rangos de opacidad de fondo.](https://codepen.io/lvcoulter/full/dVrwmK/)
@ -59,4 +65,4 @@ Alternativamente, puedes usar un valor rgba transparente como este: \`\` \`css
Para más información visite [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity) [Propiedad CSS de opacidad en CSS-Tricks](https://css-tricks.com/almanac/properties/o/opacity/) Para más información visite [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity) [Propiedad CSS de opacidad en CSS-Tricks](https://css-tricks.com/almanac/properties/o/opacity/)
Soporte del navegador: [Caniuse](https://caniuse.com/#search=opacity) Soporte del navegador: [Caniuse](https://caniuse.com/#search=opacity)