css 질문 드립니다..

Question

https://laka.co.kr/

이 홈페이지에서 메인 슬라이드가

full size엿다가 애니메이션 효과를 주면서 사이즈가 줄어드는데,

이런 효과는 어떻게 해야되나요?ㅠ

 

슬라이드는 swiper인거같긴 한데..

swiper는 안써도되는 상황이라..

그냥 이미지 한장이라서..

블랙캣77 · Accepted Answer

https://www.w3schools.com/code/tryit.asp?filename=GHZU5UIZ9RI8 그냥 간단하게 줄어드는겁니다.

 

@-webkit-keyframes kenburnsnightmare {
  0%   { -webkit-transform: scale(2);}
    100% {  -webkit-transform: scale(1);}
}

해당이 애니메이션이고 위에 보면 애니메이션 활용하는게 있습니다. 응용해보시면 될거 같습니다.

솔그루 · Answer

https://www.inflearn.com/course/%EC%95%A0%ED%94%8C-%EC%9B%B9%EC%82%AC%EC%9D%B4%ED%8A%B8-%EC%9D%B8%ED%84%B0%EB%9E%99%EC%85%98-%ED%81%B4%EB%A1%A0#description

 

이 강의를 추천드립니다.

css 질문 드립니다..

답변 2개

공유하기