如何在jss中编写transition-timing-function?
How to write transition-timing-function in jss?
我想把css转场代码转成jss在reactjs项目中使用。这段代码怎么写成jss格式?
我已阅读此文档。但这只是简单的过渡。
https://cssinjs.org/repl/
.item {
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
-webkit-transition-duration: 0.3s, 0.3s;
transition-duration: 0.3s, 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.35, -0.59, 0.47, 0.97);
transition-timing-function: cubic-bezier(0.35, -0.59, 0.47, 0.97);
}
基本上写成CSS属性camelCased
,其值为'string literal'
:
transition: ['transform', 'opacity'],
transitionDuration: 300,
transitionTimingFunction: 'cubic-bezier(0.35, -0.59, 0.47, 0.97)',
我想把css转场代码转成jss在reactjs项目中使用。这段代码怎么写成jss格式?
我已阅读此文档。但这只是简单的过渡。 https://cssinjs.org/repl/
.item {
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
-webkit-transition-duration: 0.3s, 0.3s;
transition-duration: 0.3s, 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.35, -0.59, 0.47, 0.97);
transition-timing-function: cubic-bezier(0.35, -0.59, 0.47, 0.97);
}
基本上写成CSS属性camelCased
,其值为'string literal'
:
transition: ['transform', 'opacity'],
transitionDuration: 300,
transitionTimingFunction: 'cubic-bezier(0.35, -0.59, 0.47, 0.97)',