Rollover imagen a texto
1 seguidor
Saludos.
No se si esto va exactamente aquí, o en programación php, de todas formas dejo mi duda:
Necesito hacer un portafolio, donde las imágenes realicen un degradado hacia el título o el nombre de esa obra.
Para que se entienda mejor, sería tal como aparece en esta página: http://www.mariscal.com/es/
Donde cuando tu pasas por encima de la imagen el ratón, cambia mediante un degradado a texto.
Hay que tener en cuenta que sería para una plantilla de Wordpress, por lo que cuando subes la imagen al portafolio, te genera automáticamente el snapshot y el texto.
Cualquier ayuda que me podáis ofrecer, será eternamente agradecido ;-)
Usuario desconocido
rls
¿Cómo? ¿Cutre? ¿Por? ¿Un miniatura de imagen que te lleva a otra más grande? Perdona, pero creo que es el uso que hay que darle a las imágenes. No todo tiene que ir por CSS.
Usuario desconocido
hombre meter una imagen en un anchor, queda cutre, lo suyo es asignarles una classe y hacerlo desde su CSS, luego puedes controlar los MS o S con transiciones, o jugar con jquery para el efecto tambien seria una opcion, ten en cuenta que al publico que va dirigida tu web, casi todos, si no todos utilizan sus navegadores actualizados, aprovecha las herramientas nuevas que estan disponibles.
Usuario desconocido
es tan facil como que dentro de un <a> metas una imagen y un <span> mientras muestra uno, el otro lo ocultas, luego en el a:hover muestras el span y ocultas la imagen
Usuario desconocido
prueba con css, juega con el background-image none y z-index al hacer hover aprovechando la misma clase, asi se vera el parrafo que esta por detras al pasar el raton por encima, o utiliza css3, con transiciones podras lograr, lo unico que no sera cross-browser.