목록2026/02/03 (1)

꿈소년의 개발 이야기

[ Do it! HTML + CSS 웹 표준의 정석 스터디!] 14 트랜지션과 애니메이션

DAY 21🔖 오늘 읽은 범위 :☃️2/2(월) 진도표 알림❄️공부 내용: 14 트랜지션과 애니메이션❄️ 쪽수: 451~483쪽😃 **기억하고 싶은 내용 (복붙해도 상관없어!)**웹 요소를 움직이기예전에는 자바스크립트로 처리 했으나, 지금은 CSS 로 가능함.트랜스폼 알아보기물체의 크기나 형태를 바꾸는 것 = Transform요소의 이동, 회전, 왜곡 등등 비교적 단순함이 있음.transform 속성과 트랜스폼 함수 사용기본형 : transform: 함수웹 요소를 이동 시키는 함수 : translate() .photo { transform: translate(50px,100px); }2차원 트랜스폼 : x, y 좌표 기준으로 수평 및 수직 방향 이동3차원 트랜스폼: x, y, z 좌표 기준. z축은..
Do it 스터디!/Do it! HTML + CSS 웹 표준의 정석 스터디 2026. 2. 3. 22:21
이전 Prev 1 Next 다음