css 질문 드립니다..

css 질문 드립니다..

QA

css 질문 드립니다..

답변 2

본문

https://laka.co.kr/

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

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

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

 

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

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

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

 

 

 

 

 

이 질문에 댓글 쓰기 :

답변 2

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

 

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

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

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 27
© SIRSOFT
현재 페이지 제일 처음으로