Blog

Overlay hover effect II / Mariano J. Muzas. Blog, HTML5, CSS3, PHP, Mysql, bbdd, javascript, JQuery, JQuerymobile, Bootstrap, Material Design, WordPress, Newsletter, Api de Facebook, Api de twitter, PrestaShop.

Overlay hover effect II

Efecto Overlay hover con transición desarrollado únicamente con CSS. En este caso, se aplica sobre una imagen, el texto del enlace tiene un background oculto, al hacer hover, este ocupa el 100% con transición. See the Pen Overlay hover effect by Mariano J. (@didac) on CodePen. Tres elementos son claves en el CSS CSS de la class ".containerImg": Contenedor de la imágenes. .containerImg { position: relative; width: 100%; margin-top: 60px; } ...