변형 (1) 썸네일형 리스트형 [Do it! HTML+CSS+자바스크립트]트랜지션과 애니메이션 22.12.20 배운 내용 정리1 트랜지션과 애니메이션(변형 알아보기, 트랜지션 알아보기, 애니메이션 알아보기) 변형 알아보기 ① transform과 변형 함수 CSS에서 변형을 적용하려면 transform 속성과 변형 함수 이름을 함께 작성해야 함. 기본형 : transform: 함수 웹 요소를 이동시키는 변형 함수는 translate( )임. ex. 웹 요소를 x축으로 50px, y축으로 100px 이동하는 클래스 선택자 .photo를 정의하려면 다음과 같이 사용함. .photo { transform: translate(50px, 100px); } (1) 2차원 변형과 3차원 변형 2차원 변형은 웹 요소를 평면에서 변형함. 예를 들어 수평 방향으로 이동하거나 수직 방향으로 왜곡함. 이렇게 평면에서 변.. 이전 1 다음
