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 #fff, 2447px 929px #fff, 1850px 487px #fff, 204px 5px #fff, 1547px 2249px #fff, 1913px 1888px #fff, 431px 843px #fff, 532px 1499px #fff, 1966px 1576px #fff, 1756px 1109px #fff, 2211px 62px #fff, 639px 181px #fff, 1360px 1691px #fff, 1976px 1489px #fff, 307px 1726px #fff, 1573px 537px #fff, 1073px 1042px #fff, 570px 1683px #fff, 233px 1455px #fff, 18px 584px #fff, 114px 220px #fff, 605px 1795px #fff, 1672px 1158px #fff, 287px 2434px #fff, 2431px 228px #fff, 169px 182px #fff, 654px 1262px #fff, 2122px 376px #fff, 1557px 1613px #fff, 2044px 1262px #fff, 1195px 1278px #fff, 189px 996px #fff, 142px 942px #fff, 696px 1589px #fff, 854px 713px #fff, 229px 1662px #fff, 1519px 206px #fff, 1068px 2286px #fff, 784px 1793px #fff, 2008px 1143px #fff, 855px 482px #fff, 1082px 1030px #fff, 1880px 2028px #fff, 385px 480px #fff, 2219px 1221px #fff, 1003px 2148px #fff, 519px 568px #fff, 2498px 134px #fff, 2537px 454px #fff, 779px 628px #fff, 1767px 1437px #fff, 789px 858px #fff, 863px 2237px #fff, 2414px 1978px #fff, 607px 2332px #fff, 376px 2496px #fff, 744px 2438px #fff, 46px 1064px #fff, 1016px 1876px #fff, 2049px 1473px #fff, 1538px 757px #fff, 2363px 549px #fff, 1815px 1271px #fff, 1141px 369px #fff, 1966px 470px #fff, 731px 2054px #fff, 2045px 937px #fff, 754px 819px #fff, 127px 1020px #fff, 842px 183px #fff, 2122px 594px #fff, 1194px 1334px #fff, 2435px 2034px #fff, 1149px 2162px #fff, 1778px 1455px #fff, 2442px 2319px #fff, 476px 183px #fff, 730px 812px #fff, 1185px 608px #fff, 1525px 1557px #fff, 782px 2388px #fff, 367px 2258px #fff, 250px 56px #fff, 1633px 1513px #fff, 2427px 1019px #fff, 1034px 2158px #fff, 1943px 2196px #fff, 239px 227px #fff, 2036px 765px #fff, 1084px 1639px #fff, 571px 192px #fff, 1224px 1874px #fff, 1187px 660px #fff, 1488px 352px #fff, 709px 2300px #fff, 187px 1675px #fff, 1673px 242px #fff, 550px 1330px #fff, 2122px 2520px #fff, 1528px 1424px #fff, 2047px 2362px #fff, 1720px 464px #fff, 2560px 1609px #fff, 2491px 2102px #fff, 847px 1362px #fff, 1990px 641px #fff, 1736px 529px #fff, 2098px 1543px #fff, 204px 2434px #fff, 682px 1278px #fff, 160px 1777px #fff, 2287px 2552px #fff, 440px 2015px #fff, 1755px 2030px #fff, 996px 2098px #fff, 904px 386px #fff, 176px 1555px #fff, 1487px 1476px #fff, 1327px 2041px #fff, 2334px 2088px #fff, 39px 288px #fff, 1259px 589px #fff, 992px 2494px #fff, 1748px 286px #fff, 2540px 1420px #fff, 2052px 2521px #fff, 1541px 1398px #fff, 2414px 954px #fff, 1188px 1797px #fff, 1011px 250px #fff, 927px 275px #fff, 1628px 763px #fff, 2381px 691px #fff, 66px 2150px #fff, 1002px 1458px #fff, 845px 1011px #fff, 1593px 1487px #fff, 318px 725px #fff, 307px 1086px #fff, 1464px 15px #fff, 516px 1873px #fff, 2520px 2131px #fff, 1790px 2050px #fff, 665px 2063px #fff, 696px 116px #fff, 39px 42px #fff, 527px 1601px #fff, 808px 872px #fff, 506px 703px #fff, 2297px 1531px #fff, 1692px 949px #fff, 2489px 552px #fff, 2428px 2213px #fff, 1913px 1926px #fff, 2443px 2272px #fff, 259px 286px #fff, 1134px 1120px #fff, 1153px 1784px #fff, 241px 87px #fff, 1326px 2466px #fff, 1693px 630px #fff, 2277px 911px #fff, 1531px 608px #fff, 2250px 180px #fff, 218px 545px #fff, 1624px 469px #fff, 1314px 2226px #fff, 1853px 789px #fff, 602px 388px #fff, 2211px 740px #fff, 2329px 568px #fff, 455px 541px #fff, 348px 836px #fff, 1499px 1084px #fff, 883px 833px #fff, 623px 2261px #fff, 1694px 61px #fff, 156px 1677px #fff, 2308px 810px #fff, 1174px 1156px #fff, 379px 1616px #fff, 1113px 1309px #fff, 1928px 753px #fff, 1326px 898px #fff, 1904px 590px #fff, 2243px 29px #fff, 1847px 2535px #fff, 1677px 1527px #fff, 1690px 1764px #fff, 2310px 230px #fff, 2129px 1802.........完整代码请登录后点击上方下载按钮下载查看