728x90 반응형 rotate1 CSS 개발자 수업 58일차 - transform, transition 1. transform 2. transition 1. transform [ 정의 ] - 요소의 위치, 크기, 회전, 비틀기(왜곡) 변형을 지정할 수 있다. - transform: 값; [ 값(함수) 종류 ] 이름 설명 translate() 위치 변형 (position: relative와 유사하다.) scale() 배율(크기) 변형 rotate() 회전 변형 skew() 왜곡 변형 [ 예제 1 ] 이동하는 상자(translate) 확대하는 상자(scale) 각도기 상자(rotate) 왜곡된 상자(skew) [ 예제 2 ] 2. transition [ 정의 ] - 수치형 속성값에 한해서 객체의 속성(상태값)이 변화되는 과정을 시간 순으로 보여주는 기술 - 정해진 시간 동안 요소의 속성값을 부드럽게 변화시킬 .. 2021. 6. 20. 이전 1 다음 728x90 반응형