퇴근좀1 [코드펜] 애니메이션 효과 만들어 보기 CSS를 이용해서 요소 숨기기 오늘은 쉬어가는 시간?으로 코드펜을 이용해서 간단한 CSS애니메이션 효과를 만들어 보았습니다. ■ 네모 굴리기 네모를 열심히 굴려봅시다. 그림자는 가상요소를 이용해서 표현해 주었습니다. See the Pen 공굴리기 by Parkhyeonshin (@parkhyeonshin) on CodePen. ■ 로딩처럼 계속 돌아가는 원 만들기 원 두개를 계속 돌려봅시다. 제 머리도 같이 돌아갈거 같네요. .loading의 안에 circle이라는 원 두개를 만들어서 배치한 후 loading의 배경을 없앤상태로 뱅글뱅글 돌리면 마치 원이 돌아가는 시각효과를 가져올 수 있게 됩니다. 뱅글뱅글 돌아가는 속성과 관련된 값은 transform: rotate가 있습니다. See the Pen 로.. 2022. 8. 29. 이전 1 다음 반응형
