반응형 JS프로젝트1 [JavaScript 30일 챌린지] : 2일차 .hand { width: 50%; height: 6px; background: black; position: absolute; top: 50%; transform-origin: 100%; transform: rotate(90deg); transition: all 0.05s; transition-timing-function: cubic-bezier(0.1, 2.7, 0.58, 1); CSS에 transform-origin: 100%부터 넣어줬다. 화면에서 시계가 움직이도록 설정해 주는 프로젝트였다. 각각 초, 분, 시간을 구하고 값을 넣어주어 동작시켰다. 2022. 1. 29. 이전 1 다음 반응형