애니메이션 및 V- 접두사 VUE 수정

HTML 페이지 요소

요소에 애니메이션을 추가하려면, 랩 전환 태그와 쓰기 스타일의 컨트롤을 사용하여

<천이>

            <H3 V-IF = "falge"> 표시하고 은폐 </ H3>의 버튼 제어 소자 H3

</ 천이>

 

이 애니메이션을 추가 할 수있는 페이지 요소의 복수, 그리고 애니메이션이 동일하지 않은 경우, 당신은 다른 그룹 애니메이션을 구분하기 위해 이름을 추가하는 전환 할 수

 <전환 이름 = "내">

            <H6 V-경우 = "falge2가"> 버튼 제어 소자 H6 감추기를 표시 </ H6>

 </ 천이>

 

스타일 스타일

 <스타일>

    요소를 제어하는 ​​/ * 쓰기 두 가지 스타일 페이드 * /

    / * 이것은 두 시점, 입력 한 시간에 지점을두고있다 * /

     .V-입력

     .V 졸업자-에 {

         불투명도 : 0;

         변환 : translateX (150 픽셀)를;

     }

     / *이 * / 두 기간이며

     .V 입력 활성,

     .V 졸업자 활성 {

        전환 : 모든 .8s이 완화;

     }

　/ * 애니메이션 개정 V- 접두사 * / / * 내 자신의 사용자 정의 접두사 후, 위의 같은 이름의 이름 * / 탭을 유지

    / * 여기서 제어 H6 애니메이션 * /

     누군 데 입력,

     누군 데 졸업자-에 {

         불투명도 : 0;

         변환 : translate Y를 (x 150 픽셀)를;

     }

     누군 데 입력 활성,

     누군 데 졸업자 활성 {

        전환 : 모든 .8s이 완화;

     }

    </ 스타일>