Parallax

The v-parallax component creates a 3d effect that makes an image appear to scroll slower than the window.

Utilização

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

API

v-parallax
Nome
alt
Padrão
undefined
Tipos
string

Components.Parallax.

Nome
height
Padrão
500
Tipos
string | number

Define a altura do componente

Nome
src
Padrão
undefined
Tipos
string

Components.Parallax.

Exemplos

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