애니메이션 리본
리본 스타일은 border 와 애니메이션, 트랜스폼을 이용하여 구현되었습니다.
다음의 소스를 참고하시기 바랍니다.
Ribbon Source
See the Pen 애니메이션 리본 by jaeheekim (@jaehee) on CodePen.
리본을 클릭해보세요.
Jaehee's WebClub
'StyleSheet > CSS' 카테고리의 다른 글
| 플렉스박스 타임라인 (0) | 2017.02.17 |
|---|---|
| Pure CSS3 : Sliding Checkbox (0) | 2017.02.17 |
| 애니메이션 검색 박스(Animated Search Box) (0) | 2017.02.17 |
| horizontal Bounce Arrow Animation (0) | 2017.02.16 |
| CSS3 gradient 를 이용한 줄무늬 배경 만들기 (0) | 2017.02.08 |
