大家好，关于动漫网站源码分享搭建很多朋友都还不太明白，今天小编就来为大家分享关于动漫网站设计源代码的知识，希望对各位有所帮助！
效果图
各位长友，大家上午好！
今天给各位带来的是CSS3圆形星点旋转大小变换动画特效源码
十分简单且炫酷的一个特效！
大家可以按照自己的意愿修改成喜欢的样子！
若是有想文件版源码的可以进HTML5前端技术交流522323792
废话不多说，上源码！
CSS:
html{
background:14c8ff,-106px04px-97px14c8ff,106px04px-97px14c8ff,0-106px4px-97px14c8ff,0106px4px-97px111,004px8pxrgba(0,30,250,0.2);
-webkit-animation:spin4slinearinfinite;
animation:spin4slinearinfinite;
}
.dots:before,.dots:after{
box-shadow:-106px00-98px0014f0,106px00-98px0014f0,0-106px0-98px0014f0,0106px0-98px0014f0;
}
.dots:before{
-webkit-transform:rotate(8deg);
transform:rotate(8deg);
}
.dots:after{
-webkit-transform:rotate(65deg);
transform:rotate(65deg);
}
.dots2{
width:216px;
height:216px;
box-shadow:-114px00-106px0014f0,114px00-106px0014f0,0-114px0-106px0014f0,0114px0-106px0014f0,004px4px14c8ff,-114px04px-105px14c8ff,114px04px-105px14c8ff,0-114px4px-105px14c8ff,0114px4px-105px14c8ff,-122px04px-113px14c8ff,122px04px-113px14c8ff,0-122px4px-113px14c8ff,0122px4px-113px111,004px8pxrgba(0,30,250,0.2);
-webkit-animation:spin4slinearinfinite;
animation:spin4slinearinfinite;
}
.dots3:before,.dots3:after{
box-shadow:-122px00-114px0014f0,122px00-114px0014f0,0-122px0-114px0014f0,0122px0-114px0014f0;
}
.dots3:before{
-webkit-transform:rotate(39deg);
transform:rotate(39deg);
}
.dots3:after{
-webkit-transform:rotate(242deg);
transform:rotate(242deg);
}
好了，文章到此结束，希望可以帮助到大家。