1) transition
- CSS 속성을 변경할 때 애니메이션 속도를 조절하는 방법을 제공
- transition은 state가 없는 쪽에 써야함.
root 즉 시작지점에 써야함
2) animation
- keyframe을 사용하여 중간 중간 애니메이션을 조절할 수 있다.(또는 from to 사용)
- opacity 아무것도 안보이게 한 다음 다시 효과 주는 기능
3) transformation
- 다른 box element에 영향을 끼치지 않음
4) media query
- css만으로 현재 page의 크기 알아낼 수 있음
- 여러개 혼합 사용 가능함
- 반응형 사이트 만들때 필수
- 가로 / 세로 모드도 고려해서 설정할 수 있음
- 특정 위치에서 글자 보이지 않게 설정
FE개발 공부중