css3光束_HTML5/CSS3光线旋转环绕效果

CSS

语言：

CSSSCSS

确定

/* Sunburst

-------------------------------------------------- */

.sunburst {

position: absolute;

top: 50%;

left: 50%;

z-index: -1;

}

.sunburst .outer {

background: #33869D;

width: 4000px;

height: 1820px;

padding-top: 2180px;

margin: -2000px 0 0 -2000px;

-webkit-animation-name: rotate1;

-webkit-animation-duration: 2s;

-webkit-animation-iteration-count: infinite;

-webkit-animation-timing-function: linear;

-moz-animation-name: rotate1;

-moz-animation-duration: 2s;

-moz-animation-iteration-count: infinite;

-moz-animation-timing-function: linear;

}

.sunburst span {

border-width: 180px 2000px;

margin: -360px 0 0 0;

display: block;

wi