24/7 Soporte | ÁREA DE CLIENTES
contacto tienda

Nav movil

WebmasterCV

Opacidad a las Imágenes En Jimdo

 

Utilizando la propiedad opacity vamos a dar un porcentaje de transparencia a las imágenes en Jimdo y aplicando hover hacemos que el efecto funcione al pasar el cursor sobre las imágenes.

Te mostraré 3 formas de aplicar este efecto a imágenes en Jimdo. Sólo a determinadas imágenes o simplemente a todas.

Efecto a imágenes desde Jimdo

Se mostrará el efecto sólo en las imágenes subidos desde el elemento "Imagen" de Jimdo.

.cc-imagewrapper:hover {
opacity:0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=29)";
filter:alpha(opacity=19);

Efecto a determinadas imágenes

Utilizamos "Div"

<div id="efectoh">
<img id="efectoh" src="URL IMAGEN">
</div>

Y el código css será:

#efectoh:hover {
opacity:0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=29)";
filter:alpha(opacity=19);

Efecto a todas las imágenes

img:hover {
opacity:0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=29)";
filter:alpha(opacity=19);

 

Si utilizas una plantilla propia los códigos CSS debes pegar en "Plantillas>Plantilla propia>CSS". De lo contrario debes pegar en el "Head" (Ajustes>Editar Head).

 

Ejemplo:

<style type="text/css">
AQUI LOS CÓDIGOS CSS
</style>

ESCRITO POR:

Diseñador y Programador Web en el equipo de Webmastercv. Tutoriales para Jimdo en WebmasterCV DESIGN.


Escribir comentario

Comentarios: 0