css实现星空粒子飘动动画效果代码-html代码-BFW代码库

代码语言：html

所属分类：粒子

代码描述：css实现星空粒子飘动动画效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">



    <style>
        /* Config */
        /* Pauls awesome mixin */
        /* Styles */
        html, body {
            height: 100%;
        }

        body {
            display: -webkit-box;
            display: flex;
            -webkit-box-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            align-items: center;
            font-size: 2rem;
            overflow: hidden;
        }

        .page-bg,
        .animation-wrapper {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        .page-bg {
            background: #111 url("//repo.bfw.wiki/bfwrepo/image/5e5ef0b278727.png") no-repeat top center;
            background-size: cover;
            z-index: -1;
        }

        .particle,
        .particle:after {
            background: transparent;
        }

        .particle:after {
            position: absolute;
            content: "";
            top: 2560px;
        }

        .particle-1 {
            -webkit-animation: animParticle 60s linear infinite;
            animation: animParticle 60s linear infinite;
            box-shadow: 0px 0px #fff, 667px 2145px #fff, 670px 869px #fff, 1816px 492px #fff, 840px 783px #fff, 750px 1408px #fff, 1451px 1925px #fff, 2128px 2524px #fff, 1127px 1639px #fff, 651px 1702px #fff, 1923px 1461px #fff, 904px 2347px #fff, 137px 1526px #fff, 1942px 2144px #fff, 602px 2460px #fff, 2539px 1939px #fff, 1950px 228px #fff, 162px 1479px #fff, 1822px 2350px #fff, 2020px 2229px #fff, 1519px 1234px #fff, 933px 1715px #fff, 269px 980px #fff, 640px 2086px #fff, 1124px 1125px #fff, 677px 1621px #fff, 2560px 1288px #fff, 1596px 1929px #fff, 315px 944px #fff, 299px 1495px #fff, 1421px 2306px #fff, 182px 1611px #fff, 444px 2300px #fff, 1580px 1312px #fff, 761px 1317px #fff, 655px 2106px #fff, 2140px 1983px #fff, 2310px 183px #fff, 194px 328px #fff, 1401px 1736px #fff, 2447px 1371px #fff, 792px 545px #fff, 1915px 411px #fff, 1577px 1475px #fff, 1467px 1962px #fff, 2395px 1640px #fff, 669px 20px #fff, 1205px 1524px #fff, 259px 1646px #fff, 2458px 441px #fff, 648px 1578px #fff, 2516px 306px #fff, 1662px 543px #fff, 2333px 2383px #fff, 65px 389px #fff, 581px 714px #fff, 192px 820px #fff, 1564px 952px #fff, 240px 969px #fff, 2359px 288px #fff, 1495px 2276px #fff, 1891px 2072px #fff, 139px 1825px #fff, 69px 841px #fff, 2453px 2158px #fff, 1204px 919px #fff, 1285px 530px #fff, 610px 2418px #fff, 2127px 755px #fff, 600px 300px #fff, 961px 1126px #fff, 2371px 163px #fff, 1062px 1055px #fff, 1671px 1801px #fff, 1317px 2051px #fff, 2257px 1390px #fff, 2264px 2234px #fff, 1204px 272px #fff, 452px 1139px #fff, 2272px 1907px #fff, 1273px 258px #fff, 1806px 1041px #fff, 652px 1276px #fff, 2207px 35px #fff, 2557px 855px #fff, 1342px 1685px #fff, 1663px 1304px #fff, 142px 1197px #fff, 1396px 1542px #fff, 300px 2448px #fff, 1926px 1129px #fff, 920px 1884px #fff, 2124px 1313px #fff, 484px 854px #fff, 1879px 2545px #fff, 1249px 547px #fff, 2102px 2351px #fff, 822px 1509px #fff, 1732px 156px #fff, 1211px 872px #fff, 448px 2273px #fff, 2137px 1025px #fff, 1129px 150px #fff, 451px 1865px #fff, 963px 1655px #fff, 1740px 1096px #fff, 1277px 1492px #fff, 1316px 78px #fff, 1922px 1680px #fff, 1780px 1287px #fff, 1557px 730px #fff, 902px 975px #fff, 1991px 705px #fff, 335px 1759px #fff, 1630px 2551px #fff, 1112px 909px #fff, 1303px 1267px #fff, 1925px 2310px #fff, 816px 880px #fff, 1417px 2313px #fff, 2143px 1015px #fff, 2032px 1326px #fff, 2102px 218px #fff, 285px 76px #fff, 2195px 1800px #fff, 154px 884px #fff, 1808px 1829px #fff, 12px 1127px #fff, 2044px 618px #fff, 2374px 1316px #fff, 1917px 844px #fff, 2273px 11px #fff, 447px 2446px #fff, 2199px 122px #fff, 1519px 1164px #fff, 1681px 2195px #fff, 419px 433px #fff, 259px 2242px #fff, 2437px 178px #fff, 87px 814px #fff, 1049px 2398px #fff, 2045px 931px #fff, 835px 1672px #fff, 867px 1464px #fff, 1561px 751px #fff, 426px 1277px #fff, 2204px 1003px #fff, 2063px 2182px #fff, 1160px 703px #fff, 33px 2408px #fff, 1161px 2438px #fff, 1532px 2282px #fff, 1009px 1460px #fff, 752px 1660px #fff, 585px 33px #fff, 645px 877px #fff, 1362px 880px #fff, 2327px 434px #fff, 751px 342px #fff, 2283px 1920px #fff, 1456px 343px #fff, 2041px 361px #fff, 1453px 1658px #fff, 2213px 749px #fff, 1813px 976px #fff, 845px 1972px #fff, 1658px 2026px #fff, 1055px 387px #fff, 710px 176px #fff, 1581px 1211px #fff, 150px 1987px #fff, 1771px 850px #fff, 6px 395px #fff, 2442px 1885px #fff, 2367px 277px #fff, 501px 107px #fff, 1092px 915px #fff, 2303px 792px #fff, 154px 1266px #fff, 194px 742px #fff, 1340px 404px #fff, 101px 116px #fff, 825px 2512px #fff, 889px 1576px #fff, 2093px 2362px #fff, 1451px 696px #fff, 652px 1743px #fff, 1244px 1187px #fff, 2173px 892px #fff, 2062px 2472px #fff, 1979px 1472px #fff, 939px 49px #fff, 726px 961px #fff, 367px 1838px #fff, 1599px 178px #fff, 1290px 2287px #fff, 864px 1128px #fff, 904px 845px #fff, 1480px 1828px #fff, 1524px 948px #fff, 874px 117px #fff, 2361px 126px #fff, 2349px 732px #fff, 1146px 2160px #fff, 320px 2214px #fff, 560px 1459px #fff, 1372px 1794px #fff, 174px 2261px #fff, 999px 1072px #fff, 2379px 1843px #fff, 2413px 1528px #fff, 372px 2031px #fff, 625px 1215px #fff, 516px 393px #fff, 1384px 393px.........完整代码请登录后点击上方下载按钮下载查看