html css小圆圈,jquery+css3实现会动的小圆圈效果

本文实例讲述了jquery+css3实现会动的小圆圈效果。分享给大家供大家参考，具体如下：

运行效果截图如下：

具体代码如下：

那些变换颜色的小豆豆

h1{font-size:16px;}

.circle

{

position:absolute;

width:100px;

height:100px;

border-radius: 50px;

-webkit-border-radius:50px;

-moz-border-radius:50px;

-o-border-radius:50px;

-ms-border-radius:50px;

border:1px solid #ddd;

background-color:#eee;

text-align:center;

-moz-transition:background-color .5s ease-in;

-webkit-transition:background-color .5s ease-in;

-o-transition:background-color .5s ease-in;

-ms-transition:background-color .5s ease-in;

transition:background-color .5s ease-in;

}