CSS 버튼 애니메이션 효과 CSS로 버튼 애니메이션 효과 주기 이 글에서는 일러스트레이터로 그림을 그리거나 포토샵을 켜서 이미지를 편집하는 번거로운 일 없이도 코드 몇 줄 만으로 애니메이션 버튼을 만드는 방법을 알아보겠습니다. 결과물 See the Pen button #0 by moksunung (@moksunung) on CodePen. 제 블로그 스킨에서도 방명록과 댓글 글쓰기 버튼이 저 디자인으로 되어있는데요. 원리는 간단합니다. 우선 버튼 박스를 만들고 그 안에 작았다가 커지는 클릭 박스 1개, 위로 움직일 박스 1개, 아래로 움직일 박스 1개, 총 3개의 박스를 넣어주는 것입니다. CLICK CLICK박스는 작았다 커지는 애니메이션 효과를 주기 위해 transform:scale() 을 사용합니다. 클릭박스는 위아래 박스 .. 더보기 이전 1 ··· 3 4 5 6 7 8 9 ··· 60 다음