CSS정리 (심화편)

css로 할수있는 애니메이션 효과들과 변형, 3D 마치 js를 사용한것 같음 transition 어떤 상태에서 다른 상태로의 변화! 를 보내주는 애니매이션이다 1) transtion은 state(hover, active, focus ...) 있을때 사용하고state없는 요소에 붙어야한다 state에 transition을 준다면 변화를 준것(예를들면 hover라면 마우스를 갖다 댄것)을 그만할경우(마우스를 뗄경우) 원래상태로 바로 돌아간다 2) transtion 에 변화를 준것들은 state에 들어있는것들이 기준이 되어 바뀌는것이다 바뀌는 것들에 한정하여 transition 이 일어날 수 있다 a { color: white; transition: all 1s ease-in-out; // 트랜지션 애니메이션 효과사용 } a:hover{ color: tomato; //마우스가 위에 객체 위에 있을시 토마토로 바뀌는데 이때 트랜지션 효과로 애니메이션 } 3)트랜지션 마지막 요소에 애니메이션...

원문링크 : CSS정리 (심화편)