【问题标题】:Chakra-UI: How to set a transition time between color modes?Chakra-UI:如何设置颜色模式之间的过渡时间?
【发布时间】:2021-09-30 07:08:20
【问题描述】:

现在,当我通过深色/浅色主题按钮切换更改颜色模式时,页面背景颜色将在 0.2 秒左右的时间内融入新的背景颜色,所有其他颜色将立即变为新颜色。我想定义一个颜色模式切换转换时间,或者至少让它们在元素之间相同。

我只是明确地设置了所有内容的背景,这样所有内容都会立即改变颜色。但是,如果我可以快速过渡,我会喜欢它。

【问题讨论】:

    标签: reactjs next.js chakra-ui


    【解决方案1】:

    好的,所以我在发布此问题后立即想通了。真的很简单,只需将 transition="background-color 200ms linear"transitionDuration="200ms" 之类的内容传递到您的 ui 组件中即可。

    【讨论】:

      猜你喜欢
      • 2021-10-30
      • 2021-02-09
      • 1970-01-01
      • 1970-01-01
      • 2014-03-17
      • 2022-07-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多