CSS3炫酷3D星空动画

< !DOCTYPE html>

body, html { font-size: 100%;

padding: 0; margin: 0;color:white;}

html, body {

height: 100%;

overflow: hidden;

}

body {

background: #000;

perspective: 340px;

}

/*背景图中的全部圆点*/

.stars {

position: absolute;

top: 50%;

left: 50%;

width: 2px;

height: 2px;

box-shadow: -447px 387px red, -401px 118px #fafafa,

-109px 217px #d9d9d9, -680px -436px #e3e3e3, 514px 360px #cccccc,

-708px 298px #e8e8e8, -696px -270px #ededed, 116px -128px #f7f7f7,

179px 35px white, -404px -90px whitesmoke, -331px -309px #c4c4c4,

-363px -24px #d1d1d1, 277px 416px #fafafa, -145px -244px whitesmoke,

123px 62px #d4d4d4, -407px 418px #d9d9d9, 535px 237px #d9d9d9,

-466px -78px #f7f7f7, 257px 287px #dedede, 327px -398px #e0e0e0,

-602px -38px #c2c2c2, 128px 398px #e6e6e6, 274px -446px #d1d1d1,

-602px -298px #c7c7c7, 526px -5px #c4c4c4, -90px -158px #fcfcfc,

5px 294px whitesmoke, -633px 229px #c4c4c4, -475px 427px #dedede,

586px -453px #f2f2f2, 180px -432px #c7c7c7, -637px -88px #cfcfcf,

-453px 308px #d6d6d6, -111px 1px #d9d9d9, 573px -450px #ededed,

198px 300px #d6d6d6, -355px 166px #dedede, -715px 13px #e3e3e3,

262px -104px #d1d1d1, 147px 325px #dbdbdb,

1px 399px #dbdbdb, 286px -100px white, 43px -329px #e8e8e8,

617px 55px #d9d9d9, -168px -392px #cccccc, 84px 219px #c9c9c9, 507px -226px #d9d9d9,

-327px -70px #e6e6e6, 386px -212px #c4c4c4,

-717px 4px #cfcfcf, 502px -231px #e3e3e3, 302px 56px #ededed,

649px 341px #c7c7c7, 569px 350px #c9c9c9, 516px -31px #e6e6e6,

689px 447px #c2c2c2, 591px -206px #fafafa, 422px -137px #e6e6e6,

-510px -324px #cccccc, -649px 287px #c2c2c2, -194px -48px #f7f7f7,

-279px -329px #d1d1d1, -406px 478px #dbdbdb, -735px -87px #c9c9c9,

30px -197px #dedede, -564px 233px #e6e6e6, -486px -324px #ededed,

-54px -7px #ededed, -441px -194px #e3e3e3, -133px -95px #e0e0e0,

-722px -73px #d6d6d6, 595px 423px #ededed, 568px -39px #ededed,

370px 377px #d1d1d1, -419px -102px #fcfcfc, -450px 109px #c4c4c4,

-57px -119px #d1d1d1, -582px 150px #e6e6e6, 206px -263px #cfcfcf,

582px -461px #c9c9c9, -268px -141px #d9d9d9, -148px 291px #c7c7c7,

254px -179px #c9c9c9, 725px 424px #f0f0f0, 391px -150px #ebebeb,

89px -299px #d4d4d4, 170px 1px #c9c9c9, 243px 209px #c7c7c7,

27px 460px #c9c9c9, -465px -380px #d4d4d4, 530px -360px whitesmoke,

-626px 53px #e0e0e0, 706px 218px #d9d9d9, 40px -82px #cccccc,

-5px -212px #e6e6e6, -742px 33px #ebebeb, -714px 478px #e0e0e0,

-585px -125px #cccccc, -216px 348px #cfcfcf, 601px 332px #ededed,

344px -88px #c4c4c4, 659px -22px #d1d1d1, -411px 188px #d6d6d6,

-423px -206px #fcfcfc, -359px -136px #cfcfcf, 612px 406px whitesmoke,

海量web前端资料库，家君羊 壹柒贰玖

玖肆壹伍伍 下载~~~~~