Parallax

v-parallax 컴포넌트는 이미지가 윈도우 보다 늦게 스크롤되어 나타다는 3차원 효과를 만듭니다.

사용법

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

API

v-parallax
이름
alt
디폴트
undefined
타입
string

parallax 이미지에 alt 프로퍼티를 추가

이름
height
디폴트
500
타입
string | number

컴포넌트의 높이를 설정

이름
src
디폴트
undefined
타입
string

parallax에 사용할 이미지

예제

컨텐츠와 함께 (With content)

Parallax 안에 어떤 컨텐츠라도 포함할 수 있습니다. 이로써 parallax 를 Hero 이미지 처럼 사용할 수 있습니다.

사용자 지정 높이 (Custom height)

Parallax에 사용자 지정 높이를 지정할 수 있습니다. 이미지의 크기를 적절하게 조절하지 않으면 parallax가 깨질 수도 있다는 점을 명심하세요

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