채택완료

css 질문 드립니다..

2020-08-22 (토) 20:21:59 3,568

https://laka.co.kr/

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

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

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

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

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

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

|

답변 2개

채택된 답변
+20 포인트
2020-08-22 (토) 20:56:29

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

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

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

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