테스트 사이트 - 개발 중인 베타 버전입니다

css 질문 드립니다.. 채택완료

초초동 5년 전 조회 3,384

https://laka.co.kr/">https://laka.co.kr/

이 홈페이지에서 메인 슬라이드가

full size엿다가 애니메이션 효과를 주면서 사이즈가 줄어드는데,

이런 효과는 어떻게 해야되나요?ㅠ

 

슬라이드는 swiper인거같긴 한데..

swiper는 안써도되는 상황이라..

그냥 이미지 한장이라서..

 

 

 

 

 

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

답변 2개

채택된 답변
+20 포인트
5년 전

https://www.w3schools.com/code/tryit.asp?filename=GHZU5UIZ9RI8">https://www.w3schools.com/code/tryit.asp?filename=GHZU5UIZ9RI8 그냥 간단하게 줄어드는겁니다.

 

@-webkit-keyframes kenburnsnightmare {   0%   { -webkit-transform: scale(2);}     100% {  -webkit-transform: scale(1);} }

해당이 애니메이션이고 위에 보면 애니메이션 활용하는게 있습니다. 응용해보시면 될거 같습니다.

로그인 후 평가할 수 있습니다

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

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

로그인