Parallax

El componente v-parallax crea un efecto 3D que hace que la imagen parezca deslizarse más lento que la ventana.

Uso

A parallax causes a shift in a background image when the user scrolls the page.

API

v-parallax
Nombre
alt
Default
undefined
Type
string

Agrega una propiedad alt a la imagen en el parallax

Nombre
height
Default
500
Type
string | number

Configura la altura del componente

Nombre
src
Default
undefined
Type
string

La imagen parallax

Ejemplos

With content

You can also place any content inside of the parallax. This allows you to use the parallax as a hero image.

Custom height

You can specify a custom height on a parallax. Keep in mind this can break the parallax if your image is not sized properly

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore