viernes, 4 de noviembre de 2022

CSS - orientación de imagen

orientación de imagen La propiedad CSS describe cómo corregir la orientación predeterminada de una imagen .image orientation

Sintaxis

Valores

from-image:

La información EXIF contenida en la imagen se utilizará para rotar la imagen adecuadamente.

<angle>

El <angle>   de rotación para aplicar a la imagen. Se redondea al más cercano 90deg( 0.25turn).

flip

La imagen se voltea horizontalmente, es decir, se refleja, después de la rotación dada por el valor. Si no se da, 0degse utiliza.

Sintaxis Formal

Descripción

La propiedad CSS describe cómo corregir la orientación predeterminada de una imagen .image-orientation

Nota:

  • Esta propiedad no está destinada a realizar una rotación arbitraria en una imagen, sino a corregir una orientación errónea. Es por eso que se redondea al cuarto de vuelta más cercano.
  • De manera similar, esta propiedad no está destinada a manejar el diseño -> cambio de retrato. Como image-orientationafecta solo a las imágenes, no funcionará: los cambios deben ocurrir en el nivel de diseño.

Valor inicial0deg
Se aplica atodos los elementos
Heredadosi
Medios de comunicaciónvisual
valor calculadoun [1] <angle> redondeado al próximo cuarto de vuelta 0deg y normalizado, que está modulando el valor por 1turn
Animableno
Orden canónicoel único orden no ambiguo definido por la gramática formal

[1]El <angulo> El tipo de datos CSS representa valores de ángulo. Los ángulos positivos representan ángulos rectos. Los ángulos negativos representan ángulos izquierdos. Su sintaxis es <number> tipo de datos seguido inmediatamente por la unidad (grado, grado, rad o giro). Al igual que para cualquier dimensión de CSS no hay espacio entre el literal de la unidad y el número.

Compatibilidad con el navegador

  • Escritorio (desktop)
  • Móvil (mobile)

orientación de imagen


orientación de imagen


Fuentes de consulta: https://reference.codeproject.com/css/image-orientation



¡¡Aprender es interesante y divertido!!


Salu2 y bendiciones,
Atte, Angel Paz
Duda con el Efecto rayo 71pkhu