Tecnología

Inicio

Cómo hacer que un objeto vectorial se iluminan cuando volutas para arriba en una página web

efectos de conversión en un sitio web incorporan dos imágenes, una es la imagen de vector, y la otra es una versión brillante del original. La que brilla intensamente aparece cuando el cursor del ratón se mueve sobre la imagen. Todo lo que tiene que hacer es introducir el código HTML adecuado y las dos imágenes trabajar juntos sin problemas para crear el efecto de vuelco.

Instrucciones

1 Hacer dos versiones del objeto vectorial. Usar GIMP o Photoshop para añadir un resplandor exterior o un derrame cerebral plumas alrededor del borde exterior de la segunda imagen. En Photoshop, seleccione el menú "Capa", a continuación, seleccione "Estilo de capa". Seleccione la capa correcta, a continuación, seleccione "Resplandor exterior" para crear el efecto. En GIMP, seleccionar todo el objeto vectorial, a continuación, haga clic en "Editar" y seleccione "Trazar la selección." Use un color claro para la carrera, a continuación, hacer la carrera de al menos 25 píxeles. Guarde las dos versiones y subirlos a su servidor web.

2 Insertar la imagen en su sitio, utilizando el enlace de etiquetas "<a href>" y la etiqueta "<img src>".

3 Agregue el código siguiente:

<a href="&lt;img" rel="nofollow" http target="_blank">: //link.com&quot;> & lt; img src = "imagen1" onmouseover = "this.src = 'imagen2"; " onmouseout = "this.src =" imagen1 ";" /> </a>

Reemplazar "link.com" con el URL del enlace. Reemplazar "imagen1" con el nombre de archivo de la imagen original del vector. Reemplazar "imagen2" con el nombre de archivo de la copia brillante.