728x90
반응형
강에 돌을 던졌을 때 일어나는 파동같은 효과를 주고 싶어서 원으로 만들다가 너무 허접해서...
검색하다가 참고해서 만들었다.
완벽한 원이아닌 각진 원을 이용하는것이 포인트였다
원으로했더니 너무 어색한 느낌이 났음..
회전하면서 크기가 커져 퍼져나아가는 것 처럼 보이도록했다.
border-radius: 43%;
참고한 사이트
[Animation] CSS를 이용한 물결 애니메이션 만들기
See the Pen Waves by Rico Sta. Cruz (@rstacruz) on CodePen. CSS를 이용한 물결 애니메이션 만들기 [출처]
wsss.tistory.com
728x90
반응형
'CSS > CSS 응용' 카테고리의 다른 글
| [CSS]한줄로 길게 늘어트리기 (가로로 스크롤 되도록 ) (418) | 2019.07.15 |
|---|---|
| [css]이미지 가운데부터 커지면서 보이기-clip-path (0) | 2019.07.08 |
| [CSS]a태그 link hover animation (0) | 2019.06.13 |
| [CSS]별점효과 구현하기 (5) | 2019.06.10 |
| [CSS] Button animation 버튼 애니메이션 효과 (0) | 2019.05.31 |
댓글