欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue中无线旋转动画实现

程序员文章站 2022-07-13 11:43:00
...

```javascript

```javascript

```javascript

```javascript

```javascript

```javascript
<div id="app" ></div>

<style type="text/css">

/*无限旋转动画*/

@keyframes changDeg{

0%{

transform: rotate(0deg);

}

100%{

transform: rotate(360deg);

}

}

#app{

width:300px;

height: 300px;

margin:50px auto;



background-color:pink;

animation:changDeg 7s linear 0.2s infinite;

}

</style>