curso SEO Local
Grupo SEO TELEGRAM [Click Aquí]
Resultados 1 al 3 de 3
Tema:

Código para sombrear imágenes al pasarlas con el ratón

  1. #1
    lua86 Invitado

    Predeterminado Código para sombrear imágenes al pasarlas con el ratón

    img {
    opacity: 1.0;
    -ms-filter: progidXImageTransform.Microsoft.Alpha(Opacity = 100);
    filter: alpha(opacity = 100);
    }
    img:hover {
    opacity: 0.7;
    -ms-filter: progidXImageTransform.Microsoft.Alpha(Opacity = 70);
    filter: alpha(opacity = 70);
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    }

  2. #2
    Avatar de pedrosocialmedia
    pedrosocialmedia está desconectado Registrado
    Rango: Soy accionista de Google!!

    User Info Menu

    Predeterminado

    Lástima de los iconos

  3. #3
    Avatar de trabajosweb
    trabajosweb está desconectado Registrado

    User Info Menu

    Predeterminado

    El que has puesto es el que tiene la imagen ya sombreada, en cuestión es:

    Código:
                             img {
    			opacity: 0.7;
    			-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
    			filter: alpha(opacity = 70);
    			transition-duration: 0.5s;
    			-moz-transition-duration: 0.5s;
    			-webkit-transition-duration: 0.5s;
    			-o-transition-duration: 0.5s;
    			}
    			
    			img:hover {
    			opacity: 1.0;
    			-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 100);
    			filter: alpha(opacity = 100);
    			}
    Y el que dices, que sombrea la imagen al pasar el cursor es el siguiente:

    Código:
    			img {
    			opacity: 1.0;
    			-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 100);
    			filter: alpha(opacity = 100);
    			}
                                                   img:hover {
    			opacity: 0.7;
    			-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
    			filter: alpha(opacity = 70);
    			transition-duration: 0.5s;
    			-moz-transition-duration: 0.5s;
    			-webkit-transition-duration: 0.5s;
    			-o-transition-duration: 0.5s;
    			}
    Los probé en un blog nuevo, funcionan los dos. Pero no me gustan ningunos de los dos y lo quité (lo puse en un blog prácticamente nuevo).

    Gracias se agradece el aporte.

    Saludos

Temas Similares

  1. El ratón más inteligente del mundo...
    Por trabajosweb en el foro General SoyWebmaster
    Respuestas: 4
    Último Mensaje: 24/03/2013, 17:42
  2. ¿Me recomendáis un teclado y un ratón?
    Por pedrosocialmedia en el foro General SoyWebmaster
    Respuestas: 5
    Último Mensaje: 14/02/2013, 21:38
  3. Alguien sabe de codigo para que roten imagenes?
    Por yowi2 en el foro Webmasters Porno
    Respuestas: 3
    Último Mensaje: 02/07/2007, 21:24
  4. Un codigo javascript para rotar todas las imagenes de una web
    Por Blash en el foro General SoyWebmaster
    Respuestas: 0
    Último Mensaje: 24/10/2006, 22:58
  5. un raton que se regenera
    Por afx en el foro General SoyWebmaster
    Respuestas: 11
    Último Mensaje: 02/09/2005, 23:15

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •  
Has visto el post " Código para sombrear imágenes al pasarlas con el ratón" que está en esta URL y ha sido creado por el usuario lua86. Esperamos que te haya sido de utilidad el artículo " Código para sombrear imágenes al pasarlas con el ratón" que inició el usuario lua86 de Soywebmaster.com.

Otros Foros de Interés

Curso SEO - Foro SEO - Foro Programacion - Foro Diseño Web - Intercambio de Enlaces - Negocios por Internet - Como Ganar Dinero - Foro Hosting - Foro Apuestas Deportivas

ÚLTIMOS ARTÍCULOS DEL BLOG SEO DE DAVID AYALA

El Curso de SEO Local que estabas esperando
SEO para Webs de Adultos
MÉTODOS EFICACES para Indexar Enlaces en Google
Webinar: Keyword Research (Con Emilio García)
Usamos cookies que analizan hábitos de comportamiento y navegación que aceptas al navegar aquí. Política de privacidad | Cookies | Aviso legal