transition 옵션으로 cubic-bezier,
rotate, translate를 활용해서 굴러가는 효과를 구현한 예제네요.ㅎ
간단한 사용 예제 및 Demo
See the Pen CSS Fill Murray welcome button! by Mathieu Lavoie (@theaftermath87) on CodePen.
'Dev. 웹 > Front-end 웹개발을 위한 codepen' 카테고리의 다른 글
| [2015.10.12] 네비게이션 아이디어 - display : flex 를 활용한 dynamic show navigator (0) | 2015.10.12 |
|---|---|
| [2015.10.08] React.js + Babel + Stylus 활용 예제 - 리스트 출력 (0) | 2015.10.08 |
| [2015.10.05] CSS3, jQuery를 활용한 느낌있는 시계 (0) | 2015.10.05 |
| [2015.10.02] Material Design Hangout layout (0) | 2015.10.02 |
| [2015.09.24] jade, sass, angularJS를 활용한 Up! Down! 게임 (0) | 2015.09.24 |