반응형
공을 튀기는 css 코드는 아래와 같습니다.
animation과 @keyframe 을 이용하여 움직임효과를 주었습니다.
See the Pen bounding circle by hyunho (@momalcy) on CodePen.
[참고로]
border-radius를 이용하여 원 그리기 위한 코드는 아래와 같습니다!
See the Pen draw ball with 50 radius by hyunho (@momalcy) on CodePen.
반응형
'html, css, javascript' 카테고리의 다른 글
| 두가지 이미지 번갈아가며 나타내기 css (0) | 2023.04.11 |
|---|---|
| html div 선그리기, div draw line (0) | 2023.04.11 |
| ul, li 바둑판 grid/ ul, li 그리드 / grid-template-columns (0) | 2023.04.06 |
| javascript 제곱 Math.pow javascript 제곱근 Math.sqrt (0) | 2023.04.01 |
| html css 이미지 파일에 애니메이션 기능 넣기 예시 webkit-animation (0) | 2023.03.29 |
댓글