@-ui/transition
npm i @-ui/transition
创建 CSS 转换的库
Quick Start
使用 -ui ```jsx 和谐
从“@-ui/styles”导入样式
从“@-ui/transition”导入转换
styles.variables({
转换：{
期间： {
慢：'1s'，
},
},
})
const fade = transition(样式, {
// 默认样式和选项
默认： {
持续时间：100，
},
// 使用回调访问变量
在：（{转换}）=> ({
不透明度：1，
持续时间：transitions.duration.slow，
}),
出去： {
不透明度：0，
},
})
常量组件 = ({visible}) => (
)
```
API
LICENSE
麻省理工学院
@-ui/transition
npm i @-ui/transition
A library for creating CSS transitions with -ui
Quick Start
```jsx harmony
import styles from '@-ui/styles'
import transition from '@-ui/transition'
styles.variables({
transitions: {
duration: {
slow: '1s',
},
},
})
const fade = transition(styles, {
// default styles and options
default: {
duration: 100,
},
// Use a callback to access variables
in: ({transitions}) => ({
opacity: 1,
duration: transitions.duration.slow,
}),
out: {
opacity: 0,
},
})
const Component = ({visible}) => (
)
```
API
LICENSE
MIT
