Clase en CSS

[wil32]

Hola a tod@s...
Recientemente me ha surgido un problema con una clase CSS.
Quiero ejecutar una clase al pasar el mouse por encima de una imagen. Esta clase muestra la misma imagen, pero en diferente tamaño a la primera y en un lugar diferente de la página. El dilema está en que la primer imagen utiliza una clase para agregarle un borde a dicha foto.


La clase para mostrar la imagen en un lugar diferente:

Código:

 .con_imagen2 {
      position: relative;
    }
     
    .con_imagen2 img {
      position: absolute;
      top: -100%;
      left: 500%;
      display: none;
    }
     
    .con_imagen2:hover img {
      display: block;
    }

Mi código:

Código HTML:

 <img src='Imagen.png' width='12' height='12' alt='' border='2' class='Clase1'/><br>"

Lo que yo quiero hacer es que al pasar el mouse por encima de esa imagen, a unos pixeles de tal imagen, aparezca la misma, pero con otro tamaño.
Espero se haya entendido.

Desde ya, un saludo y gracias.

[Rafael]

No, no entiendo.

El código html no debería llevar border='2' eso debes asignarlo en el css. Tampoco uses un br al final de la imagen.

Para cambiar el tamaño usa transform

{transform: scale (2,2);}

[wil32]

Iniciado por Rafael

No, no entiendo.

El código html no debería llevar border='2' eso debes asignarlo en el css. Tampoco uses un br al final de la imagen.

Para cambiar el tamaño usa transform

{transform: scale (2,2);}

Hola.
No veo problema con usar el border en el html, no me ha dado ningún inconveniente.
Y el br lo uso para hacer un salto de línea. Para lo que lo estoy usando, necesito que haya un br ahí.

Volviendo al tema del post....
Tengo ésto que me funciona bien:

Al pasar el mouse por encima de la palabra "Imagen", logro que aparezca una imagen en un lugar que yo designo.

Lo que quiero hacer es que en lugar de la palabra "Imagen", haya una pequeña imagen.