CSS3动画

2020-05-12  本文已影响0人  kzc爱吃梨

transition

transition(过渡)
用法:

<div class="app">hello</div>
------------------
.app {
  height: 100px;
  width: 100px;
  background: green;
  color: #ccc;
  text-align: center;
  line-height: 100px;
  transition: all 2s;
  transition-timing-function: ease-in-out;  //控制变化的均匀程度
  transition-delay: 1s;  //延迟几秒后才执行动画
}
.app:hover {
  width: 200px;
  background: red;
  color: yellow;
}
上一篇 下一篇

猜你喜欢

热点阅读