CSS3 Transition技巧：如何实现流畅的导航栏动画效果

通过CSS3的transition属性，可以添加简单的动画效果，具体实现方法如下：

HTML结构

<div class="box">Click Me!</div>

CSS样式

.box {
  width: 100px;
  height: 100px;
  background-color: orange;
  transition: width 1s, height 1s, background-color 1s;
}

.box:hover {
  width: 200px;
  height: 200px;
  background-color: red;
}