小编use*_*827的帖子

我有一个导航栏，当满足条件时会改变颜色，但它会立即发生。有没有办法在两种颜色之间实现平滑过渡？我的意思是像 -webkit-transition 这样的东西（将它放在 style={{...}} 中似乎不像其他情况那样工作）。

      <Navbar className="navbar" style={{backgroundColor: condition? 'red' : 'green'}}>
        <NavbarBrand href="/">Example</NavbarBrand>
         ...

      </Navbar>