【问题标题】:How to write transition-timing-function in jss?如何在jss中编写transition-timing-function?
【发布时间】:2019-09-27 14:32:20
【问题描述】:

我想将 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 reactjs jss


    【解决方案1】:

    基本写CSS属性camelCased,其值为'string literal'

    transition: ['transform', 'opacity'],
    transitionDuration: 300,
    transitionTimingFunction: 'cubic-bezier(0.35, -0.59, 0.47, 0.97)',
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-10-16
      • 1970-01-01
      • 1970-01-01
      • 2019-03-20
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多