채택완료

css animation질문

2022-12-23 (금) 10:53:54 1,667

안녕하세요!

css amination으로 html 화면전환을 하려고합니다.

Copy
.slide-in { animation: change 0.5s ease forwards; }

@keyframes change {

from { transform: translateX(100%); visibility: visible;

}

to { transform: translateX(0%);

}

}

이 소스로 되긴 하는데 

혹시 역방향으로는 어떻게 하면 될까요 ??

|

답변 1개

채택된 답변
+20 포인트

animation-direction 속성을 참고하세요

nomal;  기본

reverse; 역방향

[샘플]

https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction

[한글설명]

https://developer.mozilla.org/ko/docs/Web/CSS/animation-direction

답변을 작성하려면 로그인이 필요합니다.