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.
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);
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);
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>
Diseñador y Programador Web en el equipo de Webmastercv. Tutoriales para Jimdo en WebmasterCV DESIGN.
Escribir comentario