그림 16-12 키즈가오 kitchen 공간: 스팀 애니메이션 효과

 

이처럼 Stylie를 사용하면 복잡한 애니메이션 효과도 쉽게 구현할 수 있습니다. 다만 치명적인 단점이 하나 있습니다. 추출된 코드를 보면 우리가 적용한 애니메이션과 관계없는 CSS 속성까지 추가되어 코드 분량이 꽤 깁니다. 데스크톱에서는 크게 문제되지 않지만 성능이 떨어지는 모바일 기기에서는 애니메이션 효과가 뚝뚝 끊기면서 나타날 수 있습니다. 따라서 Stylie는 지금처럼 특정한 상황에만 사용하는 것이 좋습니다.