transition-property
Utilities for controlling which CSS properties transition.
| Utility | Styles |
|---|---|
transition.all | transition-property: all;transition-timing-function: var(--default-transition-timing-function); /* cubic-bezier(0.4, 0, 0.2, 1) */transition-duration: var(--default-transition-duration); /* 150ms */ |
transition.opacity | transition-property: opacity;transition-timing-function: var(--default-transition-timing-function); /* cubic-bezier(0.4, 0, 0.2, 1) */transition-duration: var(--default-transition-duration); /* 150ms */ |
transition.shadow | transition-property: box-shadow;transition-timing-function: var(--default-transition-timing-function); /* cubic-bezier(0.4, 0, 0.2, 1) */transition-duration: var(--default-transition-duration); /* 150ms */ |
transition.transform | transition-property: transform, translate, scale, rotate;transition-timing-function: var(--default-transition-timing-function); /* cubic-bezier(0.4, 0, 0.2, 1) */transition-duration: var(--default-transition-duration); /* 150ms */ |
transition.none | transition-property: none; |
transition[*<value>*] | transition-property: var(*<custom-property>*);transition-timing-function: var(--default-transition-timing-function); /* cubic-bezier(0.4, 0, 0.2, 1) */transition-duration: var(--default-transition-duration); /* 150ms */ |