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
Attaches an alt property to the parallax image
Name
height
Default
500
Type
string | number
Sets the component height
Name
src
Default
undefined
Type
string
The image to 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