CSS 애니메이션, 키프레임으로 하늘을 나는 새 만들어보기 CSS Animation Flying Bird
CSS 애니메이션 하늘을 나는 새 javascript나 jquery를 이용하지 않고 CSS 만으로 애니메이션을 만들 수 있습니다. 위에 있는 새는, 움직이는gif(gif animation)로 만들어 본 것인데요, 요즘 흔히 말하는 움짤이죠. 귀엽게 하늘을 나는 새를 CSS 만으로 만들어 보겠습니다. 먼저, CSS 기본적인 애니메이션은 지난번에 포스팅한 아래 글을 참고하시기 바랍니다. 새 이미지의 크기에 맞게 394x293px 크기의 DIV 를 만듭니다. 1 2 3 4 5 6 7 8 9 10 div { width:394px; height:293px; animation-name: bird; animation-duration: 0.5s; animation-timing-function: linear; anima..
IT공부방/HTML5, CSS
2020. 2. 18. 06:19
