Motion 모션
이징 2종 + 지속시간 4단계. 탭/팝 강조에만 스프링을 쓰고, 그 외는 production 이징.
| easing.production | cubic-bezier(0.4, 0, 0.2, 1) |
|---|---|
| easing.spring | cubic-bezier(0.34, 1.3, 0.64, 1) |
| duration.instant | 100ms |
| duration.transition | 230ms |
| duration.overlay | 320ms |
| duration.fill | 600ms |
hover — transition(230ms) 견본