CSS 트랜지션

무언가를 변화하는데 시간을줄수 있는 기능

일단 코드 정리좀 하고

span 태그에다가 transition을 적어줌 결과는?

여기서 3초 뒤에

이렇게 바뀌는걸 알수 있다

최초의 css 상태에서 transition 을 적어줌

변화하는 모든 요소에다가 적어줄려면 all 적으면 된다고 함

똑같이 변하는걸 확인함

중요한것은 변화하는 부분에다가 트렌지션을 적는게 아닌 변화하기전 상태 즉 아무런 상태가 없는 요소에다가 적어줌

그럼 ease in out 이건 뭐냐

cubic-bezier.com

여기 보면 알수 있다

트렌지션 타이밍펑션이라고 해서 속도변화를 어떻게 할것이 결정하게 해줌

복사해서

붙여넣어서

되는거 확인함

근데 이것도 쓸까 .. 내가 안쓸거 같은데 나는

sss