From 399eaeaf4c0e8395cd474e91ed29554929bd47b2 Mon Sep 17 00:00:00 2001
From: Tiago Heras <65797374+tiagoheras@users.noreply.github.com>
Date: Tue, 18 Jan 2022 23:55:43 -0300
Subject: Update CSS zoom content (#3716)
---
files/es/web/css/zoom/index.html | 141 ------------------------------------
files/es/web/css/zoom/index.md | 152 +++++++++++++++++++++++++++++++++++++++
2 files changed, 152 insertions(+), 141 deletions(-)
delete mode 100644 files/es/web/css/zoom/index.html
create mode 100644 files/es/web/css/zoom/index.md
diff --git a/files/es/web/css/zoom/index.html b/files/es/web/css/zoom/index.html
deleted file mode 100644
index f58f35046c..0000000000
--- a/files/es/web/css/zoom/index.html
+++ /dev/null
@@ -1,141 +0,0 @@
----
-title: zoom
-slug: Web/CSS/zoom
-tags:
- - CSS
- - NeedsBrowserCompatibility
- - NeedsLiveSample
- - NeedsMobileBrowserCompatibility
- - No estandar
- - Propiedad CSS
- - Referencia
-translation_of: Web/CSS/zoom
----
-{{ CSSRef() }}
-
-{{ Non-standard_header() }}
-
-Resumen
-
-La propiedad CSS no estándar zoom se puede usar para controlar el aumento de escala de un lemento. En la medida de lo posible deben usarse Transformaciones CSS en vez de esta propiedad..
-
-
-
-
- | Valor inicial |
- normal |
-
-
- | Se aplica a: |
- all elements |
-
-
- | Heradado |
- no |
-
-
- | Medio |
- visual |
-
-
-
-
-{{cssinfo}}
-
-Síntaxis
-
-Valores
-
-
- normal- Dibuja el elemento con su tamaño normal.
- reset {{non-standard_inline}}- Si el usuario aplica un cambio de escala no basado en presionar (por ejemplo al presionar Ctrl+ o Ctrl-) al documento no cambia la escala del elemento. Sólo soportado por WebKit (y posiblemente Blink).
- - {{cssxref("<percentage>")}}
- - Factor de Zoom.
100% es a tamaño normal. Valores superiores a 100% aumentan y valores inferiores al 100% encogen el elemento.
- - {{cssxref("<number>")}}
- - Factor de Zoom. Equivalente al porcentaje correspondiente (
1.0 = 100% = normal). Valores mayores de 1.0 aumentarán el tamaño. Valores menores de 1.0 encogerán.
-
-
-
-
-normal | reset | <number> | <percentage>
-
-
-Especificaciones
-
-Esta propiedad no es estándar y tiene su origen en Internet Explorer. Microsoft tiene una descripción en MSDN. Apple tiene una descripción en la Referencia CSS de Safari. Rossen Atanassov, de Microsoft, tiene una propuesta de borrador no oficial de la especificación en GitHub
-
-Compatibilidad con los distintos navegadores
-
-{{ CompatibilityTable() }}
-
-
-
-
-
- | Característica |
- Chrome |
- Firefox (Gecko) |
- Internet Explorer |
- Opera |
- Safari |
-
-
- | Soporte básico |
- {{ CompatVersionUnknown() }} |
- {{ CompatNo() }} [1] |
- 5.5 |
- {{ CompatVersionUnknown() }} |
- 4.0 |
-
-
- | valor de reseteo |
- {{ CompatUnknown() }} |
- {{ CompatUnknown() }} |
- {{ CompatUnknown() }} |
- {{ CompatUnknown() }} |
- {{ CompatVersionUnknown() }} |
-
-
-
-
-
-
-
- | Característica |
- Android |
- Firefox Mobile (Gecko) |
- IE Mobile |
- Opera Mobile |
- Safari Mobile |
-
-
- | Soporte básico |
- {{ CompatUnknown() }} |
- {{ CompatUnknown() }} [1] |
- {{ CompatUnknown() }} |
- {{ CompatUnknown() }} |
- {{ CompatUnknown() }} |
-
-
- | Valor de reseteo |
- {{ CompatUnknown() }} |
- {{ CompatUnknown() }} |
- {{ CompatUnknown() }} |
- {{ CompatUnknown() }} |
- {{ CompatUnknown() }} |
-
-
-
-
[1]: {{bug(390936, 'summary')}}
-
-Ver además
-
-
diff --git a/files/es/web/css/zoom/index.md b/files/es/web/css/zoom/index.md
new file mode 100644
index 0000000000..9266e89af4
--- /dev/null
+++ b/files/es/web/css/zoom/index.md
@@ -0,0 +1,152 @@
+---
+title: zoom
+slug: Web/CSS/zoom
+tags:
+ - CSS
+ - Propiedad CSS
+ - No estandar
+ - Referencia
+ - recipe:css-property
+translation_of: Web/CSS/zoom
+---
+
+{{CSSRef}}{{Non-standard_header}}
+
+La propiedad [CSS](/es/docs/Web/CSS) no estándarizada **`zoom`**
+se puede usar para controlar el aumento de escala de un elemento.
+En la medida de lo posible se deben usar [transform: scale()](/es/docs/Web/CSS/transform-function/scale()) en vez de esta propiedad.
+
+```css
+/* Keyword values */
+zoom: normal;
+zoom: reset;
+
+/* values */
+zoom: 50%;
+zoom: 200%;
+
+/* values */
+zoom: 1.1;
+zoom: 0.7;
+
+/* Global values */
+zoom: inherit;
+zoom: initial;
+zoom: unset;
+```
+
+## Sintaxis
+
+### Valores
+
+- `normal`
+ - : Dibuja el elemento con su tamaño normal.
+- `reset` {{non-standard_inline}}
+
+ - : No cambia la escala del elemento (por ejemplo al presionar `Ctrl \+ -` o `Ctrl \+ +` )
+
+ - si el usuario aplica `non-pinch-zooming`.
+ Sólo soportado por WebKit (y posiblemente Blink).
+
+- {{cssxref("<percentage>")}}
+ - : Factor de Zoom. `100%` es a tamaño `normal`. Valores superiores a ` 100%` aumentan y valores inferiores al `100%` encogen el elemento.
+- {{cssxref("<number>")}}
+ - : Factor de Zoom. Equivalente al porcentaje correspondiente (`1.0` = `100%` = `normal`). Valores mayores de `1.0` aumentarán el tamaño. Valores menores de `1.0` encogerán.
+
+## Definición Formal
+
+{{cssinfo}}
+
+## Sintaxis Formal
+
+{{csssyntax}}
+
+## Ejemplos
+
+### Primer ejemplo
+
+#### HTML
+
+```html
+Small
+Normal
+Big
+```
+
+#### CSS
+
+```css
+p.small {
+ zoom: 75%;
+}
+p.normal {
+ zoom: normal;
+}
+p.big {
+ zoom: 2.5;
+}
+p {
+ display: inline-block;
+}
+p:hover {
+ zoom: reset;
+}
+```
+
+#### Result
+
+{{EmbedLiveSample('First_example')}}
+
+### Segundo ejemplo
+
+#### HTML
+
+```html
+
+
+
+```
+
+#### CSS
+
+```css
+div.circle {
+ width: 25px;
+ height: 25px;
+ border-radius: 100%;
+ text-align: center;
+ vertical-align: middle;
+ display: inline-block;
+ zoom: 1.5;
+}
+div#a {
+ background-color: gold;
+ zoom: normal;
+}
+div#b {
+ background-color: green;
+ zoom: 200%;
+}
+div#c {
+ background-color: blue;
+ zoom: 2.9;
+}
+```
+
+#### Resultado
+
+{{EmbedLiveSample('Second_example')}}
+
+## Especificaciones
+
+Esta propiedad no es estándar y tiene su origen en Internet Explorer.
+Apple tiene [una descripción en la Referencia CSS de Safari](https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266-SW15).
+
+## Compatibilidad del navegador
+
+{{Compat}}
+
+## Ver además
+
+- [Artículo de `zoom` en la página de CSS-Tricks](https://css-tricks.com/almanac/properties/z/zoom/)
+- [Bug 390936: Implementar la propiedad `zoom` de Internet Explorer para CSS](https://bugzilla.mozilla.org/show_bug.cgi?id=390936) en el rastreador de problemas de Firefox Bugzilla.
--
cgit v1.2.3-54-g00ecf