css transition 사용법
[CSS] transition 속성과 사용법
[CSS] transition 속성과 사용법
2021.10.28🎯 transition 속성과 사용법 특정 조건 하에서 애니메이션이 동작되는 과정을 보여주고자 할 때 사용 전환이 일어날 요소들을 작성해주는 것! 📝 transition 속성 transition-property : 효과를 적용하고자 하는 css 프로퍼티를 지정. 즉, 과정을 보고 싶은 속성을 지정 기본값 : all 복수의 프로퍼티를 지정하는 경우 쉼표(,)로 구분한다. transition-property: width height; 전환 수치를 다르게 하려면? transition: width 1s, height 2s transition-duration : 효과가 나타나는데 걸리는 시간 기본값 : 0s transition-timing-function : 트랜지션 효과의 속도 기본값 : ease, 느리게 시작..