horizontal Bounce Arrow Animation
Comma separated @keyframe rule@keyframe 은 백분율로 애니메이션 상태를 지정할 수 있습니다.여기서 더 나아가 바운스 애니메이션을 구현하는데 있어서 콤마(,)를 구분자로 키프레임을 좀 더 간결하게 작성할 수 있는 방법에 대해 알아보도록 합니다. SourceSee the Pen Comma separated @keyframe rule by jaeheekim (@jaehee) on CodePen. @keyframe위의 소스에 키프레임은 간결하게 작성되어 있습니다. 위 해당 키프레임을 아래와 같이 작성할 수도 있습니다. css @-webkit-keyframes horizontalBounce { 0% { -webkit-transform: translateX(0); } 10% { -we..