이 사이트는 곧 패쇄 예정입니다. 새로 작업한 사이트로 와주세요^^ http://wiss.tistory.com/

티스토리 뷰




원하는 모션을 키프레임을 통해 만들어 애니메이션을 지정하면
통통튀는 모션을 만들 수 있습니다.
플래시를 배울 때 기본이 되는 부분이죠^^

다음과 같이 keyframe을 설정합니다.
@keyframes bounce {
 0% { top: 0; }
     25% { top: -180px; }
  50% { top: 0; }
   100% { top: 0; }
}

통통튀는 효과는 단순하죠^^ 그림자도 똑같이 만들어주면 됩니다.

[미리보기]




See the Pen vfnEB by John Motyl Jr (@johnmotyljr) on CodePen.

 







이 사이트는 곧 패쇄 예정입니다. 새로 작업한 사이트로 와주세요^^ http://wiss.tistory.com/
댓글
댓글쓰기 폼