问Chakra-UI:如何设置颜色模式之间的过渡时间？
EN

Stack Overflow用户

提问于 2021-07-23 13:16:49

回答 1查看 116关注 0票数 0

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

我只是明确地设置了所有内容的背景，这样所有内容都会立即改变颜色。但如果我能有一个快速的过渡，我会很高兴。

发布于 2021-07-23 13:25:00

好了，我在发完这个问题后马上就想明白了。实际上非常简单，只需将transition="background-color 200ms linear"或transitionDuration="200ms"之类的内容传递到ui组件中即可。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/68494371

复制

相似问题

问Chakra-UI:如何设置颜色模式之间的过渡时间？EN