logooneasesoria4

¿Necesita una consulta gratuita?

Cómo mostrar todas tus imágenes en escala de grises y que se vean a color al pasar el cursor

Cuando quieres explicar algo sencillo a veces no es tan fácil hacerlo con pocas palabras, así que casi voy a emplear más tiempo en describir lo que hace este plugin que el resultado, fantástico por otra parte.

Me refiero a que Jesús Amieiro ha publicado un plugin gratuito, Grayscale Images, que sirve solo para una cosa y la hace perfectamente, lo que explico en el título de esta noticia: mostrar todas tus imágenes en escala de grises y que, al pasar el cursor sobre ellas, se vean en color.

O sea, pasar de esto…

imagenes originales sin grayscale

A esto otro…

 


Lo mejor – supongo – es que no tienes que configurar nada, es instalar el plugin y listo, funciona automáticamente con todas las imágenes de tu web.

¿Quieres que no aplique la escala de grises a alguna imagen de tu web, como por ejemplo el logo o los anuncios?, pues como el plugin utiliza funciones nativas de los navegadores solo tienes que añadir un poco de CSS personalizado en la sección de CSS adicional de tu WordPress, como el de este ejemplo:

// Sin escala de grises en algunas imagenes
.clase_CSS_que_quieras_excluir{
filter: none; /* Para Firefox + IE */
-webkit-filter: grayscale(0); /* Para Chrome y Safari */
}

Como verás, es una funcionalidad muy chula, especialmente para webs de porfolio, fotografía y similares, simple y efectivo.

El artículo Cómo mostrar todas tus imágenes en escala de grises y que se vean a color al pasar el cursor lo publicó Fernando Tellado previamente en Ayuda WordPress. Lo que ves aquí es una copia de dicho contenido :/

¿Te gustó este artículo?

Déjanos tus comentarios..!

31 de octubre de 2023

RECIBE

GRATIS

Recursos para tu web GRATIS.

En agradecimiento por haber leido nuestro blog te ofrecemos algúnos plugins, temas y asesoría para el desarrollo de tu sitio web.
Envía correo y espera respuesta...Gracias..!
baneranunciopluginsbest
Publicaciones Relacionadas
Abrir chat
One Asesoría
Hola 👋
¿Necesita cotizar una página o tienda online, cómo podemos ayudarle..?