CSS

• transform-origin : CSS transform 회전 중심(원점, 기준점) 지정 속성
  • transform-origin : 100%; ( 오른쪽 위에 기준 )

초보자를 위한 Windows(윈도우즈), HTML과CSS를 사용한 홈페이지 작성과 엑셀(EXCEL),메일(outlook mail),포토샵(Photoshop)입문 튜토리얼 강좌

• transition : all 0.05s;
  • 모든 속성을 0.05s 만에 애니메이션

CSS 트랜지션 사용하기 - CSS: Cascading Style Sheets | MDN

CSS transition 이해하기

• transition-timing-function: cubic-bezier(0.1, 2.7, 0.58, 1);
  • 시작 ~ 끝 까지의 속도변환이라고 한다.

CSS cubic-bezier() function

CSS : cubic-bezier란?

JS

• 일정한 시간 실행하기
  • setInterval( )

WindowOrWorkerGlobalScope.setInterval() - Web APIs | MDN

• 현재 시간 가져오기
  • Date object

Date - JavaScript | MDN

• 특정 요소의 CSS 조작
  • 요소.style.속성 = "값 설정"

JavaScript 로 CSS 조작하는 방법

공부하다 만난 감탄한 분