---
# System prepended metadata

title: Efecto CSS Hover

---


# Efecto CSS Hover

Este efecto lo que provoca es que tengamos un elemento dínamico que reacciona al pasar el cursor por encima de este. En este caso cuando pasamos el cursor por encima del elemento este se abre de manera que se extiende y nos muestra contenido relacionado.


## Efectos de CSS usados

Se ha usado:
- transform -> propiedad que permite escalar, mover, rotar o estirar un elemento. En este caso usamos el modificador "translateY" que nos permite mover el elemento verticalmente.
- z-index -> esta propiedad permite mover un elemento en el eje "Z".



## [Enlace al vídeo](https://youtu.be/EZqhWu8GJ6U)