CSS3的animation功能

旋转动画

<img src="https://facebook.github.io/react/img/logo.svg" class="App-logo">  

.App-logo {
  animation: App-logo-spin infinite 20s linear;
  transform: rotate(360deg);
}

@keyframes App-logo-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

参考：

1、http://www.w3school.com.cn/cssref/pr_animation.asp

2、http://www.runoob.com/cssref/css3-pr-flex.html

posted @ 2018-02-07 10:31  脚本小娃子  阅读(833)  评论(0)  编辑  收藏  举报