css 画圆
2021-03-14 23:32
标签：red function 旋转 web over frame range 高度 nbsp 1 简单圆形 .circle { 2 渐变色圆形： @keyframes spin { /* 旋转，渐变色 */ background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%); animation-name: spin; css 画圆 标签：red function 旋转 web over frame range 高度 nbsp 原文地址：https://www.cnblogs.com/hezhilong/p/8176842.html
border-radius: 50%;
width: 200px;
height: 200px;
backround-color:green /* 宽度和高度需要相等 */
}
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
#advanced {
width: 200px;
height: 200px;
background-image: -webkit-radial-gradient(45px 45px, circle cover, yellow, orange);
background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
animation-duration: 3s; /* 3 seconds */
animation-iteration-count: infinite;
animation-timing-function: linear;
}