[CSS] Transition Error

js(자바스크립트)로 버튼을 눌렀을 때 콘텐츠가 스르륵 넘어가는 효과를 주기 위해 transition을 사용하려고 했다.

근데 자꾸 transition이 안먹고 뚝딱 움직이기만 해서 개발자 도구를 찾아보니 속성값이 유효하지 않다는데 문제가 뭔지 알 수가 없었다.

 

찾아보니 단위를 쓰지 않거나 calc 메서드 내에 연산자 띄어쓰기를 하지 않아도 발생하는 개복치 오류였다..

단위를 안쓴게 없는데 잘 생각해보니 설마 0에 단위를 안써줘서 그런건가 싶어 코드를 수정했더니...

스르르르르ㅡ르,,,, 효과가 잘 나타남.............................^^

 

개복치 오류야 고마워! 덕분에 오늘도 하나 배웠다!

 

 

 

정리

transition 속성 사용 시, 발생하는 invalid property value 오류 해결 방법

1) 띄어쓰기가 잘 되어있는지 확인한다.

2) 단위를 빠짐없이 잘 썼는지 확인한다.