[css] Advanced CSS

Advanced CSS


1. Transitions

트랜지션이란?

어떤 상태에서 다른 상태로의 “변화”를 애니메이션으로 만드는 방법이다


Transitions의 속성


효과

애니메이션이 어떻게 변할지 말해주는 것



2. Transformations

transform 이란?

어떤 형태이든지 변화 시킬 수 있는 것을 말한다.


특징



3. Animation

마우스 위에 올리거나, transition 없이 자동으로 변화시킬려면 엇떻게 해야될까?


한 지점에서 부터 다른 두 번째 지점까지의 애니메이션을 만들고 싶을 때


되돌리기도 애니메이션으로 만들고 싶을 때


참조 사이트



Media Queries

Media query란?


예시