Cómo mover una imagen en CSS

Puede diseñar su sitio y cambiar las imágenes relevantes utilizando las hojas de estilo cascading (CSS). Para tales trabajos, CSS proporciona una variedad de alternativas. CSS, para su crédito, también cubre una amplia variedad de formatos de imagen y tipos, incluidos Raster como JPEG, vector como SVG, combinación e imágenes sin vida.

Existen varias técnicas para colocar la imagen, como utilizar la propiedad de posposición de objetos o la propiedad de flotación. Vamos a discutir ambas técnicas con códigos de ejemplo prácticamente implementados en este artículo.

Utilización de la propiedad de posposición de objetos

La propiedad de posposición de objetos establece las coordenadas X e Y para la ubicación de un elemento de imagen dentro de su contenedor de contenido. El valor predeterminado de la posición de objeto siempre que invocar el atributo de ajuste de objeto es del 50%. Como resultado, todos los gráficos se colocan en el medio del contenedor de contenido respectivo de forma predeterminada. Al usar el atributo de posición de objeto, puede ajustar la alineación predeterminada de las funciones de propiedad de posposición de objetos de manera similar al argumento PreserveSpectratio en SVG. Para especificar ambos tamaños, así como la posición de los gráficos externos incluidos en HTML, se ejerce el atributo de posición de objeto. Específicamente, las imágenes incluidas dentro de la etiqueta también se pueden usar en otros tipos de componentes sustituidos como