动画

工具

• 可用的动画效果 (opens new window)
• 定制动画曲线 (opens new window)
• transition 可用属性 (opens new window)

js 解决方案

• Isotope (opens new window)

资料

• CSS动画简介 (opens new window)

通过高度控制淡出

.logo_wrap .info {
  height: 0;
  color: rgba(0, 0, 0, 0);
  transition: color .3s,height .3s;
}

.logo_wrap:hover .info {
  height: 40px;
  color: #fff;
  transition: color .3s,height .3s;
}

缓动函数

• 缓动函数 (opens new window)

loading

loading (opens new window)