Parallax
The v-parallax component creates a 3d effect that makes an image appear to scroll slower than the window.
API
Name
alt
Default
undefined
Type
string
Components.Parallax.
Name
height
Default
500
Type
string | number
Components.Parallax.
Name
src
Default
undefined
Type
string
Components.Parallax.
Examples
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