CSS-动效 纯css粒子动效 | 转圈圈 | 上下弹动
2024-05-08 00:24:25
文章目录
- 粒子动效
- 转圈圈
- 上下弹动
粒子动效
拾人牙慧，主要是利用css的box-shadow属性，设置便宜点位，然后加上animation属性失效的效果。
PS：实际使用中发现如果屏幕尺寸很宽的话，粒子是铺不满屏幕（因为拿到的css里面最大的偏移量好像才1912px+），如果自己去填补box-shadow的话又很麻烦（好像得手动一个一个配置，不知道是否有便捷方式），因此变通一下，在同个屏幕多放几个粒子的dom，通过外层的宽度去设置铺满的效果。
<template><divstyle="display: flex; height: 100%; position: absolute; left: 0; right: 0"><div style="width: 50%"><div class="stars"></div><div class="stars3"></div></div><div style="width: 50%"><div class="stars"></div><div class="stars3"></div></div></div></template><style>
.stars {z-index: 1;width: 1px;height: 1px;background: transparent;box-shadow: 1245px 31px #45b2fe, 845px 339px #45b2fe, 770px 699px #45b2fe,1661px 352px #45b2fe, 339px 1355px #45b2fe, 163px 1713px #45b2fe,1681px 920px #45b2fe, 899px 1695px #45b2fe, 1165px 1723px #45b2fe,1109px 196px #45b2fe, 489px 1228px #45b2fe, 363px 198px #45b2fe,762px 611px #45b2fe, 264px 1388px #45b2fe, 1401px 553px #45b2fe,1630px 1592px #45b2fe, 881px 824px #45b2fe, 321px 1683px #45b2fe,314px 1015px #45b2fe, 1297px 1477px #45b2fe, 1975px 1013px #45b2fe,766px 882px #45b2fe, 863px 120px #45b2fe, 98px 944px #45b2fe,1192px 891px #45b2fe, 1703px 1388px #45b2fe, 1173px 172px #45b2fe,39px 526px #45b2fe, 1723px 170px #45b2fe, 1228px 1022px #45b2fe,378px 165px #45b2fe, 1594px 476px #45b2fe, 603px 621px #45b2fe,1674px 1922px #45b2fe, 1589px 212px #45b2fe, 771px 1232px #45b2fe,1723px 444px #45b2fe, 793px 1238px #45b2fe, 1111px 1464px #45b2fe,1071px 1073px #45b2fe, 397px 626px #45b2fe, 818px 184px #45b2fe,686px 299px #45b2fe, 1179px 1494px #45b2fe, 600px 954px #45b2fe,105px 426px #45b2fe, 562px 185px #45b2fe, 794px 113px #45b2fe,1436px 1780px #45b2fe, 1980px 1476px #45b2fe, 960px 1314px #45b2fe,1125px 1742px #45b2fe, 887px 431px #45b2fe, 1078px 1516px #45b2fe,1547px 1383px #45b2fe, 1354px 596px #45b2fe, 1052px 1775px #45b2fe,1996px 227px #45b2fe, 1337px 821px #45b2fe, 173px 4px #45b2fe,239px 667px #45b2fe, 468px 1813px #45b2fe, 9px 303px #45b2fe,1935px 621px #45b2fe, 1602px 1959px #45b2fe, 290px 912px #45b2fe,906px 1542px #45b2fe, 670px 1860px #45b2fe, 1742px 479px #45b2fe,1694px 1283px #45b2fe, 1986px 427px #45b2fe, 1021px 896px #45b2fe,1758px 227px #45b2fe, 1493px 279px #45b2fe, 839px 734px #45b2fe,1314px 1278px #45b2fe, 746px 387px #45b2fe, 854px 204px #45b2fe,1366px 1654px #45b2fe, 899px 1647px #45b2fe, 1307px 570px #45b2fe,748px 1365px #45b2fe, 468px 1238px #45b2fe, 832px 223px #45b2fe,82px 93px #45b2fe, 1751px 289px #45b2fe, 1246px 1125px #45b2fe,1140px 1346px #45b2fe, 365px 1797px #45b2fe, 1912px 1989px #45b2fe,336px 1573px #45b2fe, 1018px 29px #45b2fe, 303px 1006px #45b2fe,1167px 1655px #45b2fe, 1385px 438px #45b2fe, 1535px 1430px #45b2fe,620px 736px #45b2fe, 836px 342px #45b2fe, 970px 1574px #45b2fe,979px 1582px #45b2fe, 1454px 389px #45b2fe, 614px 463px #45b2fe,706px 916px #45b2fe, 1964px 1340px #45b2fe, 1811px 194px #45b2fe,1166px 1361px #45b2fe, 941px 918px #45b2fe, 359px 1715px #45b2fe,316px 1743px #45b2fe, 1462px 1124px #45b2fe, 493px 712px #45b2fe,1570px 960px #45b2fe, 1710px 1876px #45b2fe, 1127px 1959px #45b2fe,738px 1033px #45b2fe, 1794px 381px #45b2fe, 836px 749px #45b2fe,1657px 375px #45b2fe, 525px 212px #45b2fe, 1303px 842px #45b2fe,897px 608px #45b2fe, 657px 887px #45b2fe, 1232px 133px #45b2fe,107px 290px #45b2fe, 1458px 1751px #45b2fe, 128px 1332px #45b2fe,1127px 782px #45b2fe, 911px 1554px #45b2fe, 1036px 1191px #45b2fe,1684px 1260px #45b2fe, 592px 1588px #45b2fe, 441px 955px #45b2fe,382px 1871px #45b2fe, 1195px 1059px #45b2fe, 1677px 325px #45b2fe,884px 104px #45b2fe, 648px 836px #45b2fe, 1269px 1504px #45b2fe,144px 919px #45b2fe, 1256px 1311px #45b2fe, 516px 1098px #45b2fe,1367px 1149px #45b2fe, 98px 1779px #45b2fe, 935px 732px #45b2fe,61px 1011px #45b2fe, 1207px 1843px #45b2fe, 1931px 1915px #45b2fe,754px 1658px #45b2fe, 1734px 1698px #45b2fe, 1172px 1547px #45b2fe,962px 584px #45b2fe, 152px 1264px #45b2fe, 1464px 1931px #45b2fe,473px 894px #45b2fe, 174px 224px #45b2fe, 979px 301px #45b2fe,1839px 1807px #45b2fe, 385px 1479px #45b2fe, 167px 49px #45b2fe,64px 434px #45b2fe, 1190px 1266px #45b2fe, 534px 640px #45b2fe,1888px 1310px #45b2fe, 1283px 1375px #45b2fe, 1495px 599px #45b2fe,1243px 1331px #45b2fe, 1559px 1230px #45b2fe, 275px 1426px #45b2fe,1106px 1102px #45b2fe, 866px 1421px #45b2fe, 1461px 1599px #45b2fe,1327px 1009px #45b2fe, 1786px 800px #45b2fe, 881px 733px #45b2fe,1208px 784px #45b2fe, 857px 900px #45b2fe, 1122px 77px #45b2fe,1051px 1352px #45b2fe, 1617px 1174px #45b2fe, 1988px 1523px #45b2fe,968px 1167px #45b2fe, 1447px 902px #45b2fe, 1834px 598px #45b2fe,1274px 669px #45b2fe, 906px 951px #45b2fe, 1457px 1597px #45b2fe,1641px 945px #45b2fe, 690px 1052px #45b2fe, 1551px 965px #45b2fe,1468px 1282px #45b2fe, 802px 745px #45b2fe, 1528px 261px #45b2fe,1965px 1239px #45b2fe, 542px 1686px #45b2fe, 866px 611px #45b2fe,1048px 1938px #45b2fe, 710px 63px #45b2fe, 1954px 758px #45b2fe,1416px 993px #45b2fe, 1590px 1598px #45b2fe, 1497px 1951px #45b2fe,166px 720px #45b2fe, 733px 88px #45b2fe, 576px 549px #45b2fe,284px 1295px #45b2fe, 1103px 230px #45b2fe, 753px 1653px #45b2fe,470px 960px #45b2fe, 580px 1944px #45b2fe, 1131px 1873px #45b2fe,182px 1859px #45b2fe, 383px 834px #45b2fe, 510px 474px #45b2fe,1460px 1471px #45b2fe, 1180px 882px #45b2fe, 1002px 1471px #45b2fe,1293px 1102px #45b2fe, 305px 778px #45b2fe, 890px 1327px #45b2fe,1826px 1609px #45b2fe, 1614px 1448px #45b2fe, 1675px 1850px #45b2fe,1134px 603px #45b2fe, 1303px 1988px #45b2fe, 1464px 265px #45b2fe,30px 1107px #45b2fe, 98px 981px #45b2fe, 290px 580px #45b2fe,1674px 819px #45b2fe, 1245px 82px #45b2fe, 396px 1881px #45b2fe,1150px 1991px #45b2fe, 1548px 1584px #45b2fe, 1518px 1407px #45b2fe,1161px 1262px #45b2fe, 1011px 274px #45b2fe, 899px 293px #45b2fe,1834px 1811px #45b2fe, 1515px 1658px #45b2fe, 1510px 1115px #45b2fe,1376px 1239px #45b2fe, 951px 1237px #45b2fe, 1369px 1588px #45b2fe,652px 1123px #45b2fe, 1481px 536px #45b2fe, 167px 358px #45b2fe,1231px 1309px #45b2fe, 1602px 437px #45b2fe, 1153px 672px #45b2fe,534px 1716px #45b2fe, 604px 1687px #45b2fe, 1396px 646px #45b2fe,1417px 1923px #45b2fe, 139px 488px #45b2fe, 1845px 897px #45b2fe,415px 1082px #45b2fe, 1421px 1914px #45b2fe, 1496px 1337px #45b2fe,254px 1341px #45b2fe, 1660px 1416px #45b2fe, 732px 1726px #45b2fe,86px 1921px #45b2fe, 90px 151px #45b2fe, 728px 288px #45b2fe,1351px 1093px #45b2fe, 393px 1182px #45b2fe, 1986px 496px #45b2fe,667px 110px #45b2fe, 682px 643px #45b2fe, 77px 1938px #45b2fe,490px 829px #45b2fe, 747px 1449px #45b2fe, 36px 788px #45b2fe,1612px 1658px #45b2fe, 1392px 1191px #45b2fe, 723px 1748px #45b2fe,911px 141px #45b2fe, 28px 1101px #45b2fe, 1360px 665px #45b2fe,1593px 1751px #45b2fe, 411px 936px #45b2fe, 1140px 123px #45b2fe,815px 517px #45b2fe, 1696px 880px #45b2fe, 731px 1541px #45b2fe,1958px 792px #45b2fe, 52px 1045px #45b2fe, 1157px 93px #45b2fe,1230px 1214px #45b2fe, 1433px 1465px #45b2fe, 1435px 792px #45b2fe,1552px 662px #45b2fe, 709px 659px #45b2fe, 124px 885px #45b2fe,1351px 535px #45b2fe, 1222px 688px #45b2fe, 1944px 1453px #45b2fe,1139px 488px #45b2fe, 285px 902px #45b2fe, 1781px 104px #45b2fe,442px 1103px #45b2fe, 58px 60px #45b2fe, 775px 1496px #45b2fe,844px 321px #45b2fe, 534px 418px #45b2fe, 608px 1866px #45b2fe,562px 684px #45b2fe, 1194px 366px #45b2fe, 1305px 1753px #45b2fe,334px 1186px #45b2fe, 285px 966px #45b2fe, 1431px 1140px #45b2fe,990px 221px #45b2fe, 1720px 347px #45b2fe, 159px 1150px #45b2fe,1329px 345px #45b2fe, 1288px 1553px #45b2fe, 735px 1060px #45b2fe,1157px 168px #45b2fe, 61px 902px #45b2fe, 1602px 1986px #45b2fe,419px 492px #45b2fe, 1797px 1613px #45b2fe, 435px 1760px #45b2fe,1769px 1239px #45b2fe, 517px 938px #45b2fe, 652px 1887px #45b2fe,1744px 1544px #45b2fe, 784px 1384px #45b2fe, 1582px 435px #45b2fe,1190px 1463px #45b2fe, 1497px 577px #45b2fe, 571px 297px #45b2fe,342px 249px #45b2fe, 1159px 1786px #45b2fe, 222px 1809px #45b2fe,80px 318px #45b2fe, 985px 1972px #45b2fe, 1362px 612px #45b2fe,451px 1760px #45b2fe, 1067px 1803px #45b2fe, 69px 1556px #45b2fe,1295px 1381px #45b2fe, 930px 1640px #45b2fe, 265px 424px #45b2fe,324px 1109px #45b2fe, 587px 743px #45b2fe, 1841px 548px #45b2fe,1215px 1248px #45b2fe, 1216px 1791px #45b2fe, 698px 1259px #45b2fe,1309px 952px #45b2fe, 943px 1624px #45b2fe, 1281px 1582px #45b2fe,1627px 107px #45b2fe, 78px 1617px #45b2fe, 152px 275px #45b2fe,790px 1832px #45b2fe, 648px 942px #45b2fe, 1471px 1623px #45b2fe,450px 1042px #45b2fe, 194px 1199px #45b2fe, 1864px 145px #45b2fe,965px 296px #45b2fe, 1662px 1395px #45b2fe, 1840px 857px #45b2fe,633px 1586px #45b2fe, 1007px 1648px #45b2fe, 785px 1823px #45b2fe,1333px 489px #45b2fe, 1940px 372px #45b2fe, 1592px 1532px #45b2fe,676px 614px #45b2fe, 736px 217px #45b2fe, 968px 1073px #45b2fe,819px 1607px #45b2fe, 1017px 1679px #45b2fe, 1569px 1747px #45b2fe,1595px 1027px #45b2fe, 915px 1481px #45b2fe, 1829px 1234px #45b2fe,357px 846px #45b2fe, 726px 830px #45b2fe, 1487px 1865px #45b2fe,1385px 1417px #45b2fe, 1081px 1135px #45b2fe, 664px 620px #45b2fe,1809px 599px #45b2fe, 660px 1534px #45b2fe, 7px 327px #45b2fe,80px 1476px #45b2fe, 93px 238px #45b2fe, 1864px 40px #45b2fe,1766px 226px #45b2fe, 47px 535px #45b2fe, 1730px 703px #45b2fe,924px 1387px #45b2fe, 191px 1106px #45b2fe, 1094px 1859px #45b2fe,429px 943px #45b2fe, 4px 1302px #45b2fe, 1638px 399px #45b2fe,119px 514px #45b2fe, 642px 1005px #45b2fe, 1131px 1541px #45b2fe,434px 1283px #45b2fe, 822px 1261px #45b2fe, 1515px 1316px #45b2fe,989px 359px #45b2fe, 1785px 88px #45b2fe, 1252px 1252px #45b2fe,1009px 257px #45b2fe, 930px 984px #45b2fe, 1727px 1569px #45b2fe,924px 994px #45b2fe, 1688px 316px #45b2fe, 327px 1287px #45b2fe,11px 1183px #45b2fe, 457px 984px #45b2fe, 1818px 113px #45b2fe,1710px 1428px #45b2fe, 1825px 301px #45b2fe, 1392px 881px #45b2fe,707px 1040px #45b2fe, 1949px 869px #45b2fe, 1146px 1040px #45b2fe,986px 1200px #45b2fe, 1417px 1153px #45b2fe, 1933px 1476px #45b2fe,1939px 1976px #45b2fe, 1001px 1662px #45b2fe, 1477px 1388px #45b2fe,1425px 1826px #45b2fe, 1656px 1191px #45b2fe, 1088px 173px #45b2fe,445px 135px #45b2fe, 1633px 1096px #45b2fe, 227px 1933px #45b2fe,1246px 1093px #45b2fe, 1729px 58px #45b2fe, 988px 1060px #45b2fe,1758px 1926px #45b2fe, 545px 1954px #45b2fe, 950px 1305px #45b2fe,1947px 1088px #45b2fe, 1661px 1990px #45b2fe, 880px 1761px #45b2fe,126px 383px #45b2fe, 946px 585px #45b2fe, 876px 1339px #45b2fe,176px 1796px #45b2fe, 252px 1880px #45b2fe, 615px 1620px #45b2fe,243px 1782px #45b2fe, 1569px 1015px #45b2fe, 525px 10px #45b2fe,1154px 1024px #45b2fe, 50px 415px #45b2fe, 1993px 510px #45b2fe,515px 601px #45b2fe, 1626px 233px #45b2fe, 302px 815px #45b2fe,158px 1041px #45b2fe, 924px 1171px #45b2fe, 1618px 1849px #45b2fe,1476px 817px #45b2fe, 22px 481px #45b2fe, 573px 657px #45b2fe,773px 1357px #45b2fe, 651px 455px #45b2fe, 247px 1523px #45b2fe,1184px 109px #45b2fe, 353px 87px #45b2fe, 1141px 355px #45b2fe,539px 1059px #45b2fe, 1307px 1838px #45b2fe, 1450px 185px #45b2fe,1173px 1163px #45b2fe, 1472px 566px #45b2fe, 1415px 1400px #45b2fe,1345px 1701px #45b2fe, 947px 709px #45b2fe, 835px 1896px #45b2fe,1509px 294px #45b2fe, 908px 875px #45b2fe, 98px 49px #45b2fe,26px 577px #45b2fe, 1615px 1988px #45b2fe, 1045px 1259px #45b2fe,1894px 1608px #45b2fe, 349px 763px #45b2fe, 1081px 1217px #45b2fe,744px 428px #45b2fe, 660px 515px #45b2fe, 1342px 708px #45b2fe,758px 929px #45b2fe, 502px 143px #45b2fe, 1855px 1090px #45b2fe,678px 1710px #45b2fe, 5px 1272px #45b2fe, 885px 268px #45b2fe,1055px 1495px #45b2fe, 550px 486px #45b2fe, 789px 825px #45b2fe,602px 238px #45b2fe, 781px 1388px #45b2fe, 1725px 393px #45b2fe,617px 10px #45b2fe, 1369px 52px #45b2fe, 1774px 1833px #45b2fe,1157px 1144px #45b2fe, 983px 1425px #45b2fe, 812px 386px #45b2fe,1410px 1308px #45b2fe, 640px 1418px #45b2fe, 286px 437px #45b2fe,1361px 876px #45b2fe, 189px 1462px #45b2fe, 1491px 78px #45b2fe,1571px 125px #45b2fe, 1491px 896px #45b2fe, 1651px 1197px #45b2fe,881px 1685px #45b2fe, 1205px 1290px #45b2fe, 178px 673px #45b2fe,956px 663px #45b2fe, 593px 526px #45b2fe, 860px 528px #45b2fe,311px 107px #45b2fe, 967px 110px #45b2fe, 123px 256px #45b2fe,742px 1370px #45b2fe, 865px 1026px #45b2fe, 426px 620px #45b2fe,149px 1177px #45b2fe, 1625px 875px #45b2fe, 1251px 292px #45b2fe,168px 1581px #45b2fe, 1080px 1776px #45b2fe, 149px 1667px #45b2fe,1585px 1428px #45b2fe, 1096px 1507px #45b2fe, 1462px 1074px #45b2fe,1486px 606px #45b2fe, 716px 326px #45b2fe, 922px 1531px #45b2fe,772px 1011px #45b2fe, 1013px 1128px #45b2fe, 1246px 417px #45b2fe,1698px 991px #45b2fe, 527px 1585px #45b2fe, 639px 1057px #45b2fe,1009px 1216px #45b2fe, 199px 1030px #45b2fe, 602px 387px #45b2fe,485px 1099px #45b2fe, 201px 1658px #45b2fe, 804px 1376px #45b2fe,993px 1879px #45b2fe, 1612px 1447px #45b2fe, 39px 713px #45b2fe,1915px 99px #45b2fe, 15px 99px #45b2fe, 1962px 1497px #45b2fe,874px 551px #45b2fe, 1575px 1468px #45b2fe, 965px 1250px #45b2fe,1153px 1181px #45b2fe, 1395px 1929px #45b2fe, 461px 1749px #45b2fe,942px 1225px #45b2fe, 1498px 281px #45b2fe, 808px 1510px #45b2fe,825px 1399px #45b2fe, 1097px 1371px #45b2fe, 1413px 740px #45b2fe,1293px 1652px #45b2fe, 583px 625px #45b2fe, 429px 1976px #45b2fe,1832px 351px #45b2fe, 1356px 1087px #45b2fe, 924px 1666px #45b2fe,1687px 1689px #45b2fe, 1546px 1912px #45b2fe, 1556px 677px #45b2fe,1979px 1568px #45b2fe, 205px 60px #45b2fe, 1437px 456px #45b2fe,1688px 1515px #45b2fe, 1078px 362px #45b2fe, 1054px 1126px #45b2fe,196px 267px #45b2fe, 686px 1315px #45b2fe, 1314px 202px #45b2fe,1514px 40px #45b2fe, 1411px 1553px #45b2fe, 11px 1593px #45b2fe,301px 587px #45b2fe, 1847px 1206px #45b2fe, 414px 833px #45b2fe,1131px 100px #45b2fe, 1550px 1187px #45b2fe, 1961px 1893px #45b2fe,1460px 624px #45b2fe, 1396px 624px #45b2fe, 1005px 1065px #45b2fe,1129px 1202px #45b2fe, 1887px 676px #45b2fe, 1243px 1493px #45b2fe,1877px 1922px #45b2fe, 849px 296px #45b2fe, 712px 311px #45b2fe,698px 1983px #45b2fe, 1642px 59px #45b2fe, 268px 1473px #45b2fe,1117px 1577px #45b2fe, 561px 1884px #45b2fe, 1350px 173px #45b2fe,1407px 1289px #45b2fe, 1194px 315px #45b2fe, 415px 266px #45b2fe,1074px 1210px #45b2fe, 542px 1955px #45b2fe, 1692px 1668px #45b2fe,507px 171px #45b2fe, 644px 78px #45b2fe, 1967px 34px #45b2fe,952px 468px #45b2fe, 1259px 1886px #45b2fe, 153px 767px #45b2fe,783px 1340px #45b2fe, 1812px 251px #45b2fe, 1254px 881px #45b2fe,1123px 256px #45b2fe, 1351px 342px #45b2fe, 1853px 1746px #45b2fe,1672px 12px #45b2fe, 1850px 1701px #45b2fe, 1674px 478px #45b2fe,1130px 1924px #45b2fe, 1440px 717px #45b2fe, 108px 24px #45b2fe,1393px 89px #45b2fe, 197px 55px #45b2fe, 1168px 120px #45b2fe,559px 419px #45b2fe, 584px 9px #45b2fe, 45px 1728px #45b2fe,1355px 1731px #45b2fe, 644px 1912px #45b2fe, 1709px 1652px #45b2fe,1701px 152px #45b2fe, 329px 402px #45b2fe, 1467px 185px #45b2fe,406px 233px #45b2fe, 1427px 506px #45b2fe, 506px 1537px #45b2fe,1728px 689px #45b2fe, 504px 461px #45b2fe, 1949px 1019px #45b2fe,628px 1504px #45b2fe, 1892px 257px #45b2fe, 910px 1445px #45b2fe,1051px 941px #45b2fe, 424px 1048px #45b2fe, 778px 1433px #45b2fe,109px 1476px #45b2fe, 401px 1185px #45b2fe, 130px 767px #45b2fe,1568px 267px #45b2fe, 1497px 1506px #45b2fe, 1626px 730px #45b2fe,229px 1756px #45b2fe, 1662px 504px #45b2fe, 713px 265px #45b2fe,1784px 1729px #45b2fe, 725px 1425px #45b2fe, 1331px 1502px #45b2fe,96px 8px #45b2fe, 1712px 667px #45b2fe, 266px 1960px #45b2fe,391px 651px #45b2fe, 729px 1425px #45b2fe, 1514px 174px #45b2fe,1252px 504px #45b2fe, 524px 1693px #45b2fe, 1509px 856px #45b2fe,1791px 613px #45b2fe, 1656px 361px #45b2fe, 752px 1770px #45b2fe,1237px 937px #45b2fe, 350px 482px #45b2fe, 793px 1428px #45b2fe,306px 389px #45b2fe, 814px 1851px #45b2fe, 207px 66px #45b2fe,739px 539px #45b2fe, 1475px 901px #45b2fe, 994px 1498px #45b2fe,49px 330px #45b2fe;animation: animStar 50s linear infinite;}.stars:after {content: " ";position: absolute;top: 2000px;width: 1px;height: 1px;background: transparent;box-shadow: 1245px 31px #45b2fe, 845px 339px #45b2fe, 770px 699px #45b2fe,1661px 352px #45b2fe, 339px 1355px #45b2fe, 163px 1713px #45b2fe,1681px 920px #45b2fe, 899px 1695px #45b2fe, 1165px 1723px #45b2fe,1109px 196px #45b2fe, 489px 1228px #45b2fe, 363px 198px #45b2fe,762px 611px #45b2fe, 264px 1388px #45b2fe, 1401px 553px #45b2fe,1630px 1592px #45b2fe, 881px 824px #45b2fe, 321px 1683px #45b2fe,314px 1015px #45b2fe, 1297px 1477px #45b2fe, 1975px 1013px #45b2fe,766px 882px #45b2fe, 863px 120px #45b2fe, 98px 944px #45b2fe,1192px 891px #45b2fe, 1703px 1388px #45b2fe, 1173px 172px #45b2fe,39px 526px #45b2fe, 1723px 170px #45b2fe, 1228px 1022px #45b2fe,378px 165px #45b2fe, 1594px 476px #45b2fe, 603px 621px #45b2fe,1674px 1922px #45b2fe, 1589px 212px #45b2fe, 771px 1232px #45b2fe,1723px 444px #45b2fe, 793px 1238px #45b2fe, 1111px 1464px #45b2fe,1071px 1073px #45b2fe, 397px 626px #45b2fe, 818px 184px #45b2fe,686px 299px #45b2fe, 1179px 1494px #45b2fe, 600px 954px #45b2fe,105px 426px #45b2fe, 562px 185px #45b2fe, 794px 113px #45b2fe,1436px 1780px #45b2fe, 1980px 1476px #45b2fe, 960px 1314px #45b2fe,1125px 1742px #45b2fe, 887px 431px #45b2fe, 1078px 1516px #45b2fe,1547px 1383px #45b2fe, 1354px 596px #45b2fe, 1052px 1775px #45b2fe,1996px 227px #45b2fe, 1337px 821px #45b2fe, 173px 4px #45b2fe,239px 667px #45b2fe, 468px 1813px #45b2fe, 9px 303px #45b2fe,1935px 621px #45b2fe, 1602px 1959px #45b2fe, 290px 912px #45b2fe,906px 1542px #45b2fe, 670px 1860px #45b2fe, 1742px 479px #45b2fe,1694px 1283px #45b2fe, 1986px 427px #45b2fe, 1021px 896px #45b2fe,1758px 227px #45b2fe, 1493px 279px #45b2fe, 839px 734px #45b2fe,1314px 1278px #45b2fe, 746px 387px #45b2fe, 854px 204px #45b2fe,1366px 1654px #45b2fe, 899px 1647px #45b2fe, 1307px 570px #45b2fe,748px 1365px #45b2fe, 468px 1238px #45b2fe, 832px 223px #45b2fe,82px 93px #45b2fe, 1751px 289px #45b2fe, 1246px 1125px #45b2fe,1140px 1346px #45b2fe, 365px 1797px #45b2fe, 1912px 1989px #45b2fe,336px 1573px #45b2fe, 1018px 29px #45b2fe, 303px 1006px #45b2fe,1167px 1655px #45b2fe, 1385px 438px #45b2fe, 1535px 1430px #45b2fe,620px 736px #45b2fe, 836px 342px #45b2fe, 970px 1574px #45b2fe,979px 1582px #45b2fe, 1454px 389px #45b2fe, 614px 463px #45b2fe,706px 916px #45b2fe, 1964px 1340px #45b2fe, 1811px 194px #45b2fe,1166px 1361px #45b2fe, 941px 918px #45b2fe, 359px 1715px #45b2fe,316px 1743px #45b2fe, 1462px 1124px #45b2fe, 493px 712px #45b2fe,1570px 960px #45b2fe, 1710px 1876px #45b2fe, 1127px 1959px #45b2fe,738px 1033px #45b2fe, 1794px 381px #45b2fe, 836px 749px #45b2fe,1657px 375px #45b2fe, 525px 212px #45b2fe, 1303px 842px #45b2fe,897px 608px #45b2fe, 657px 887px #45b2fe, 1232px 133px #45b2fe,107px 290px #45b2fe, 1458px 1751px #45b2fe, 128px 1332px #45b2fe,1127px 782px #45b2fe, 911px 1554px #45b2fe, 1036px 1191px #45b2fe,1684px 1260px #45b2fe, 592px 1588px #45b2fe, 441px 955px #45b2fe,382px 1871px #45b2fe, 1195px 1059px #45b2fe, 1677px 325px #45b2fe,884px 104px #45b2fe, 648px 836px #45b2fe, 1269px 1504px #45b2fe,144px 919px #45b2fe, 1256px 1311px #45b2fe, 516px 1098px #45b2fe,1367px 1149px #45b2fe, 98px 1779px #45b2fe, 935px 732px #45b2fe,61px 1011px #45b2fe, 1207px 1843px #45b2fe, 1931px 1915px #45b2fe,754px 1658px #45b2fe, 1734px 1698px #45b2fe, 1172px 1547px #45b2fe,962px 584px #45b2fe, 152px 1264px #45b2fe, 1464px 1931px #45b2fe,473px 894px #45b2fe, 174px 224px #45b2fe, 979px 301px #45b2fe,1839px 1807px #45b2fe, 385px 1479px #45b2fe, 167px 49px #45b2fe,64px 434px #45b2fe, 1190px 1266px #45b2fe, 534px 640px #45b2fe,1888px 1310px #45b2fe, 1283px 1375px #45b2fe, 1495px 599px #45b2fe,1243px 1331px #45b2fe, 1559px 1230px #45b2fe, 275px 1426px #45b2fe,1106px 1102px #45b2fe, 866px 1421px #45b2fe, 1461px 1599px #45b2fe,1327px 1009px #45b2fe, 1786px 800px #45b2fe, 881px 733px #45b2fe,1208px 784px #45b2fe, 857px 900px #45b2fe, 1122px 77px #45b2fe,1051px 1352px #45b2fe, 1617px 1174px #45b2fe, 1988px 1523px #45b2fe,968px 1167px #45b2fe, 1447px 902px #45b2fe, 1834px 598px #45b2fe,1274px 669px #45b2fe, 906px 951px #45b2fe, 1457px 1597px #45b2fe,1641px 945px #45b2fe, 690px 1052px #45b2fe, 1551px 965px #45b2fe,1468px 1282px #45b2fe, 802px 745px #45b2fe, 1528px 261px #45b2fe,1965px 1239px #45b2fe, 542px 1686px #45b2fe, 866px 611px #45b2fe,1048px 1938px #45b2fe, 710px 63px #45b2fe, 1954px 758px #45b2fe,1416px 993px #45b2fe, 1590px 1598px #45b2fe, 1497px 1951px #45b2fe,166px 720px #45b2fe, 733px 88px #45b2fe, 576px 549px #45b2fe,284px 1295px #45b2fe, 1103px 230px #45b2fe, 753px 1653px #45b2fe,470px 960px #45b2fe, 580px 1944px #45b2fe, 1131px 1873px #45b2fe,182px 1859px #45b2fe, 383px 834px #45b2fe, 510px 474px #45b2fe,1460px 1471px #45b2fe, 1180px 882px #45b2fe, 1002px 1471px #45b2fe,1293px 1102px #45b2fe, 305px 778px #45b2fe, 890px 1327px #45b2fe,1826px 1609px #45b2fe, 1614px 1448px #45b2fe, 1675px 1850px #45b2fe,1134px 603px #45b2fe, 1303px 1988px #45b2fe, 1464px 265px #45b2fe,30px 1107px #45b2fe, 98px 981px #45b2fe, 290px 580px #45b2fe,1674px 819px #45b2fe, 1245px 82px #45b2fe, 396px 1881px #45b2fe,1150px 1991px #45b2fe, 1548px 1584px #45b2fe, 1518px 1407px #45b2fe,1161px 1262px #45b2fe, 1011px 274px #45b2fe, 899px 293px #45b2fe,1834px 1811px #45b2fe, 1515px 1658px #45b2fe, 1510px 1115px #45b2fe,1376px 1239px #45b2fe, 951px 1237px #45b2fe, 1369px 1588px #45b2fe,652px 1123px #45b2fe, 1481px 536px #45b2fe, 167px 358px #45b2fe,1231px 1309px #45b2fe, 1602px 437px #45b2fe, 1153px 672px #45b2fe,534px 1716px #45b2fe, 604px 1687px #45b2fe, 1396px 646px #45b2fe,1417px 1923px #45b2fe, 139px 488px #45b2fe, 1845px 897px #45b2fe,415px 1082px #45b2fe, 1421px 1914px #45b2fe, 1496px 1337px #45b2fe,254px 1341px #45b2fe, 1660px 1416px #45b2fe, 732px 1726px #45b2fe,86px 1921px #45b2fe, 90px 151px #45b2fe, 728px 288px #45b2fe,1351px 1093px #45b2fe, 393px 1182px #45b2fe, 1986px 496px #45b2fe,667px 110px #45b2fe, 682px 643px #45b2fe, 77px 1938px #45b2fe,490px 829px #45b2fe, 747px 1449px #45b2fe, 36px 788px #45b2fe,1612px 1658px #45b2fe, 1392px 1191px #45b2fe, 723px 1748px #45b2fe,911px 141px #45b2fe, 28px 1101px #45b2fe, 1360px 665px #45b2fe,1593px 1751px #45b2fe, 411px 936px #45b2fe, 1140px 123px #45b2fe,815px 517px #45b2fe, 1696px 880px #45b2fe, 731px 1541px #45b2fe,1958px 792px #45b2fe, 52px 1045px #45b2fe, 1157px 93px #45b2fe,1230px 1214px #45b2fe, 1433px 1465px #45b2fe, 1435px 792px #45b2fe,1552px 662px #45b2fe, 709px 659px #45b2fe, 124px 885px #45b2fe,1351px 535px #45b2fe, 1222px 688px #45b2fe, 1944px 1453px #45b2fe,1139px 488px #45b2fe, 285px 902px #45b2fe, 1781px 104px #45b2fe,442px 1103px #45b2fe, 58px 60px #45b2fe, 775px 1496px #45b2fe,844px 321px #45b2fe, 534px 418px #45b2fe, 608px 1866px #45b2fe,562px 684px #45b2fe, 1194px 366px #45b2fe, 1305px 1753px #45b2fe,334px 1186px #45b2fe, 285px 966px #45b2fe, 1431px 1140px #45b2fe,990px 221px #45b2fe, 1720px 347px #45b2fe, 159px 1150px #45b2fe,1329px 345px #45b2fe, 1288px 1553px #45b2fe, 735px 1060px #45b2fe,1157px 168px #45b2fe, 61px 902px #45b2fe, 1602px 1986px #45b2fe,419px 492px #45b2fe, 1797px 1613px #45b2fe, 435px 1760px #45b2fe,1769px 1239px #45b2fe, 517px 938px #45b2fe, 652px 1887px #45b2fe,1744px 1544px #45b2fe, 784px 1384px #45b2fe, 1582px 435px #45b2fe,1190px 1463px #45b2fe, 1497px 577px #45b2fe, 571px 297px #45b2fe,342px 249px #45b2fe, 1159px 1786px #45b2fe, 222px 1809px #45b2fe,80px 318px #45b2fe, 985px 1972px #45b2fe, 1362px 612px #45b2fe,451px 1760px #45b2fe, 1067px 1803px #45b2fe, 69px 1556px #45b2fe,1295px 1381px #45b2fe, 930px 1640px #45b2fe, 265px 424px #45b2fe,324px 1109px #45b2fe, 587px 743px #45b2fe, 1841px 548px #45b2fe,1215px 1248px #45b2fe, 1216px 1791px #45b2fe, 698px 1259px #45b2fe,1309px 952px #45b2fe, 943px 1624px #45b2fe, 1281px 1582px #45b2fe,1627px 107px #45b2fe, 78px 1617px #45b2fe, 152px 275px #45b2fe,790px 1832px #45b2fe, 648px 942px #45b2fe, 1471px 1623px #45b2fe,450px 1042px #45b2fe, 194px 1199px #45b2fe, 1864px 145px #45b2fe,965px 296px #45b2fe, 1662px 1395px #45b2fe, 1840px 857px #45b2fe,633px 1586px #45b2fe, 1007px 1648px #45b2fe, 785px 1823px #45b2fe,1333px 489px #45b2fe, 1940px 372px #45b2fe, 1592px 1532px #45b2fe,676px 614px #45b2fe, 736px 217px #45b2fe, 968px 1073px #45b2fe,819px 1607px #45b2fe, 1017px 1679px #45b2fe, 1569px 1747px #45b2fe,1595px 1027px #45b2fe, 915px 1481px #45b2fe, 1829px 1234px #45b2fe,357px 846px #45b2fe, 726px 830px #45b2fe, 1487px 1865px #45b2fe,1385px 1417px #45b2fe, 1081px 1135px #45b2fe, 664px 620px #45b2fe,1809px 599px #45b2fe, 660px 1534px #45b2fe, 7px 327px #45b2fe,80px 1476px #45b2fe, 93px 238px #45b2fe, 1864px 40px #45b2fe,1766px 226px #45b2fe, 47px 535px #45b2fe, 1730px 703px #45b2fe,924px 1387px #45b2fe, 191px 1106px #45b2fe, 1094px 1859px #45b2fe,429px 943px #45b2fe, 4px 1302px #45b2fe, 1638px 399px #45b2fe,119px 514px #45b2fe, 642px 1005px #45b2fe, 1131px 1541px #45b2fe,434px 1283px #45b2fe, 822px 1261px #45b2fe, 1515px 1316px #45b2fe,989px 359px #45b2fe, 1785px 88px #45b2fe, 1252px 1252px #45b2fe,1009px 257px #45b2fe, 930px 984px #45b2fe, 1727px 1569px #45b2fe,924px 994px #45b2fe, 1688px 316px #45b2fe, 327px 1287px #45b2fe,11px 1183px #45b2fe, 457px 984px #45b2fe, 1818px 113px #45b2fe,1710px 1428px #45b2fe, 1825px 301px #45b2fe, 1392px 881px #45b2fe,707px 1040px #45b2fe, 1949px 869px #45b2fe, 1146px 1040px #45b2fe,986px 1200px #45b2fe, 1417px 1153px #45b2fe, 1933px 1476px #45b2fe,1939px 1976px #45b2fe, 1001px 1662px #45b2fe, 1477px 1388px #45b2fe,1425px 1826px #45b2fe, 1656px 1191px #45b2fe, 1088px 173px #45b2fe,445px 135px #45b2fe, 1633px 1096px #45b2fe, 227px 1933px #45b2fe,1246px 1093px #45b2fe, 1729px 58px #45b2fe, 988px 1060px #45b2fe,1758px 1926px #45b2fe, 545px 1954px #45b2fe, 950px 1305px #45b2fe,1947px 1088px #45b2fe, 1661px 1990px #45b2fe, 880px 1761px #45b2fe,126px 383px #45b2fe, 946px 585px #45b2fe, 876px 1339px #45b2fe,176px 1796px #45b2fe, 252px 1880px #45b2fe, 615px 1620px #45b2fe,243px 1782px #45b2fe, 1569px 1015px #45b2fe, 525px 10px #45b2fe,1154px 1024px #45b2fe, 50px 415px #45b2fe, 1993px 510px #45b2fe,515px 601px #45b2fe, 1626px 233px #45b2fe, 302px 815px #45b2fe,158px 1041px #45b2fe, 924px 1171px #45b2fe, 1618px 1849px #45b2fe,1476px 817px #45b2fe, 22px 481px #45b2fe, 573px 657px #45b2fe,773px 1357px #45b2fe, 651px 455px #45b2fe, 247px 1523px #45b2fe,1184px 109px #45b2fe, 353px 87px #45b2fe, 1141px 355px #45b2fe,539px 1059px #45b2fe, 1307px 1838px #45b2fe, 1450px 185px #45b2fe,1173px 1163px #45b2fe, 1472px 566px #45b2fe, 1415px 1400px #45b2fe,1345px 1701px #45b2fe, 947px 709px #45b2fe, 835px 1896px #45b2fe,1509px 294px #45b2fe, 908px 875px #45b2fe, 98px 49px #45b2fe,26px 577px #45b2fe, 1615px 1988px #45b2fe, 1045px 1259px #45b2fe,1894px 1608px #45b2fe, 349px 763px #45b2fe, 1081px 1217px #45b2fe,744px 428px #45b2fe, 660px 515px #45b2fe, 1342px 708px #45b2fe,758px 929px #45b2fe, 502px 143px #45b2fe, 1855px 1090px #45b2fe,678px 1710px #45b2fe, 5px 1272px #45b2fe, 885px 268px #45b2fe,1055px 1495px #45b2fe, 550px 486px #45b2fe, 789px 825px #45b2fe,602px 238px #45b2fe, 781px 1388px #45b2fe, 1725px 393px #45b2fe,617px 10px #45b2fe, 1369px 52px #45b2fe, 1774px 1833px #45b2fe,1157px 1144px #45b2fe, 983px 1425px #45b2fe, 812px 386px #45b2fe,1410px 1308px #45b2fe, 640px 1418px #45b2fe, 286px 437px #45b2fe,1361px 876px #45b2fe, 189px 1462px #45b2fe, 1491px 78px #45b2fe,1571px 125px #45b2fe, 1491px 896px #45b2fe, 1651px 1197px #45b2fe,881px 1685px #45b2fe, 1205px 1290px #45b2fe, 178px 673px #45b2fe,956px 663px #45b2fe, 593px 526px #45b2fe, 860px 528px #45b2fe,311px 107px #45b2fe, 967px 110px #45b2fe, 123px 256px #45b2fe,742px 1370px #45b2fe, 865px 1026px #45b2fe, 426px 620px #45b2fe,149px 1177px #45b2fe, 1625px 875px #45b2fe, 1251px 292px #45b2fe,168px 1581px #45b2fe, 1080px 1776px #45b2fe, 149px 1667px #45b2fe,1585px 1428px #45b2fe, 1096px 1507px #45b2fe, 1462px 1074px #45b2fe,1486px 606px #45b2fe, 716px 326px #45b2fe, 922px 1531px #45b2fe,772px 1011px #45b2fe, 1013px 1128px #45b2fe, 1246px 417px #45b2fe,1698px 991px #45b2fe, 527px 1585px #45b2fe, 639px 1057px #45b2fe,1009px 1216px #45b2fe, 199px 1030px #45b2fe, 602px 387px #45b2fe,485px 1099px #45b2fe, 201px 1658px #45b2fe, 804px 1376px #45b2fe,993px 1879px #45b2fe, 1612px 1447px #45b2fe, 39px 713px #45b2fe,1915px 99px #45b2fe, 15px 99px #45b2fe, 1962px 1497px #45b2fe,874px 551px #45b2fe, 1575px 1468px #45b2fe, 965px 1250px #45b2fe,1153px 1181px #45b2fe, 1395px 1929px #45b2fe, 461px 1749px #45b2fe,942px 1225px #45b2fe, 1498px 281px #45b2fe, 808px 1510px #45b2fe,825px 1399px #45b2fe, 1097px 1371px #45b2fe, 1413px 740px #45b2fe,1293px 1652px #45b2fe, 583px 625px #45b2fe, 429px 1976px #45b2fe,1832px 351px #45b2fe, 1356px 1087px #45b2fe, 924px 1666px #45b2fe,1687px 1689px #45b2fe, 1546px 1912px #45b2fe, 1556px 677px #45b2fe,1979px 1568px #45b2fe, 205px 60px #45b2fe, 1437px 456px #45b2fe,1688px 1515px #45b2fe, 1078px 362px #45b2fe, 1054px 1126px #45b2fe,196px 267px #45b2fe, 686px 1315px #45b2fe, 1314px 202px #45b2fe,1514px 40px #45b2fe, 1411px 1553px #45b2fe, 11px 1593px #45b2fe,301px 587px #45b2fe, 1847px 1206px #45b2fe, 414px 833px #45b2fe,1131px 100px #45b2fe, 1550px 1187px #45b2fe, 1961px 1893px #45b2fe,1460px 624px #45b2fe, 1396px 624px #45b2fe, 1005px 1065px #45b2fe,1129px 1202px #45b2fe, 1887px 676px #45b2fe, 1243px 1493px #45b2fe,1877px 1922px #45b2fe, 849px 296px #45b2fe, 712px 311px #45b2fe,698px 1983px #45b2fe, 1642px 59px #45b2fe, 268px 1473px #45b2fe,1117px 1577px #45b2fe, 561px 1884px #45b2fe, 1350px 173px #45b2fe,1407px 1289px #45b2fe, 1194px 315px #45b2fe, 415px 266px #45b2fe,1074px 1210px #45b2fe, 542px 1955px #45b2fe, 1692px 1668px #45b2fe,507px 171px #45b2fe, 644px 78px #45b2fe, 1967px 34px #45b2fe,952px 468px #45b2fe, 1259px 1886px #45b2fe, 153px 767px #45b2fe,783px 1340px #45b2fe, 1812px 251px #45b2fe, 1254px 881px #45b2fe,1123px 256px #45b2fe, 1351px 342px #45b2fe, 1853px 1746px #45b2fe,1672px 12px #45b2fe, 1850px 1701px #45b2fe, 1674px 478px #45b2fe,1130px 1924px #45b2fe, 1440px 717px #45b2fe, 108px 24px #45b2fe,1393px 89px #45b2fe, 197px 55px #45b2fe, 1168px 120px #45b2fe,559px 419px #45b2fe, 584px 9px #45b2fe, 45px 1728px #45b2fe,1355px 1731px #45b2fe, 644px 1912px #45b2fe, 1709px 1652px #45b2fe,1701px 152px #45b2fe, 329px 402px #45b2fe, 1467px 185px #45b2fe,406px 233px #45b2fe, 1427px 506px #45b2fe, 506px 1537px #45b2fe,1728px 689px #45b2fe, 504px 461px #45b2fe, 1949px 1019px #45b2fe,628px 1504px #45b2fe, 1892px 257px #45b2fe, 910px 1445px #45b2fe,1051px 941px #45b2fe, 424px 1048px #45b2fe, 778px 1433px #45b2fe,109px 1476px #45b2fe, 401px 1185px #45b2fe, 130px 767px #45b2fe,1568px 267px #45b2fe, 1497px 1506px #45b2fe, 1626px 730px #45b2fe,229px 1756px #45b2fe, 1662px 504px #45b2fe, 713px 265px #45b2fe,1784px 1729px #45b2fe, 725px 1425px #45b2fe, 1331px 1502px #45b2fe,96px 8px #45b2fe, 1712px 667px #45b2fe, 266px 1960px #45b2fe,391px 651px #45b2fe, 729px 1425px #45b2fe, 1514px 174px #45b2fe,1252px 504px #45b2fe, 524px 1693px #45b2fe, 1509px 856px #45b2fe,1791px 613px #45b2fe, 1656px 361px #45b2fe, 752px 1770px #45b2fe,1237px 937px #45b2fe, 350px 482px #45b2fe, 793px 1428px #45b2fe,306px 389px #45b2fe, 814px 1851px #45b2fe, 207px 66px #45b2fe,739px 539px #45b2fe, 1475px 901px #45b2fe, 994px 1498px #45b2fe,49px 330px #45b2fe;}.stars3 {width: 3px;height: 3px;background: transparent;box-shadow: 765px 271px #45b2fe, 1412px 1921px #45b2fe, 1809px 339px #45b2fe,1582px 36px #45b2fe, 462px 1589px #45b2fe, 1025px 1178px #45b2fe,826px 1714px #45b2fe, 1756px 316px #45b2fe, 214px 1719px #45b2fe,446px 812px #45b2fe, 1094px 908px #45b2fe, 1944px 2px #45b2fe,1139px 1913px #45b2fe, 499px 2px #45b2fe, 112px 1939px #45b2fe,766px 513px #45b2fe, 1324px 70px #45b2fe, 1850px 650px #45b2fe,392px 320px #45b2fe, 834px 1855px #45b2fe, 165px 221px #45b2fe,81px 1914px #45b2fe, 1911px 237px #45b2fe, 1813px 1021px #45b2fe,15px 1572px #45b2fe, 1895px 1844px #45b2fe, 44px 538px #45b2fe,1226px 1436px #45b2fe, 667px 1295px #45b2fe, 1906px 1610px #45b2fe,593px 221px #45b2fe, 968px 1407px #45b2fe, 992px 1538px #45b2fe,726px 248px #45b2fe, 1273px 179px #45b2fe, 138px 1186px #45b2fe,395px 785px #45b2fe, 1644px 780px #45b2fe, 31px 1348px #45b2fe,1942px 87px #45b2fe, 718px 1015px #45b2fe, 1323px 107px #45b2fe,1436px 421px #45b2fe, 75px 1863px #45b2fe, 1269px 557px #45b2fe,1162px 1036px #45b2fe, 257px 669px #45b2fe, 827px 1098px #45b2fe,138px 1908px #45b2fe, 439px 527px #45b2fe, 76px 295px #45b2fe,1266px 248px #45b2fe, 1940px 718px #45b2fe, 1214px 265px #45b2fe,37px 1486px #45b2fe, 1937px 290px #45b2fe, 1129px 785px #45b2fe,1261px 1650px #45b2fe, 144px 219px #45b2fe, 1341px 606px #45b2fe,1317px 872px #45b2fe, 1421px 693px #45b2fe, 496px 1803px #45b2fe,1055px 1732px #45b2fe, 1448px 302px #45b2fe, 774px 495px #45b2fe,266px 1037px #45b2fe, 941px 792px #45b2fe, 779px 1034px #45b2fe,1333px 1194px #45b2fe, 1546px 188px #45b2fe, 947px 1906px #45b2fe,1769px 1595px #45b2fe, 1667px 724px #45b2fe, 699px 1979px #45b2fe,194px 213px #45b2fe, 1984px 1738px #45b2fe, 466px 1754px #45b2fe,1998px 1908px #45b2fe, 975px 1413px #45b2fe, 1505px 752px #45b2fe,1341px 932px #45b2fe, 1260px 812px #45b2fe, 1591px 50px #45b2fe,1655px 1730px #45b2fe, 1955px 1340px #45b2fe, 859px 1742px #45b2fe,1608px 1931px #45b2fe, 1431px 1227px #45b2fe, 1553px 222px #45b2fe,684px 1866px #45b2fe, 371px 59px #45b2fe, 1885px 869px #45b2fe,1887px 1795px #45b2fe, 1032px 1431px #45b2fe, 1085px 1840px #45b2fe,817px 1343px #45b2fe, 1260px 1135px #45b2fe, 124px 1566px #45b2fe,1975px 1980px #45b2fe;animation: animStar 150s linear infinite;}.stars3:after {z-index: 1;content: " ";position: absolute;top: 2000px;width: 3px;height: 3px;background: transparent;box-shadow: 765px 271px #45b2fe, 1412px 1921px #45b2fe, 1809px 339px #45b2fe,1582px 36px #45b2fe, 462px 1589px #45b2fe, 1025px 1178px #45b2fe,826px 1714px #45b2fe, 1756px 316px #45b2fe, 214px 1719px #45b2fe,446px 812px #45b2fe, 1094px 908px #45b2fe, 1944px 2px #45b2fe,1139px 1913px #45b2fe, 499px 2px #45b2fe, 112px 1939px #45b2fe,766px 513px #45b2fe, 1324px 70px #45b2fe, 1850px 650px #45b2fe,392px 320px #45b2fe, 834px 1855px #45b2fe, 165px 221px #45b2fe,81px 1914px #45b2fe, 1911px 237px #45b2fe, 1813px 1021px #45b2fe,15px 1572px #45b2fe, 1895px 1844px #45b2fe, 44px 538px #45b2fe,1226px 1436px #45b2fe, 667px 1295px #45b2fe, 1906px 1610px #45b2fe,593px 221px #45b2fe, 968px 1407px #45b2fe, 992px 1538px #45b2fe,726px 248px #45b2fe, 1273px 179px #45b2fe, 138px 1186px #45b2fe,395px 785px #45b2fe, 1644px 780px #45b2fe, 31px 1348px #45b2fe,1942px 87px #45b2fe, 718px 1015px #45b2fe, 1323px 107px #45b2fe,1436px 421px #45b2fe, 75px 1863px #45b2fe, 1269px 557px #45b2fe,1162px 1036px #45b2fe, 257px 669px #45b2fe, 827px 1098px #45b2fe,138px 1908px #45b2fe, 439px 527px #45b2fe, 76px 295px #45b2fe,1266px 248px #45b2fe, 1940px 718px #45b2fe, 1214px 265px #45b2fe,37px 1486px #45b2fe, 1937px 290px #45b2fe, 1129px 785px #45b2fe,1261px 1650px #45b2fe, 144px 219px #45b2fe, 1341px 606px #45b2fe,1317px 872px #45b2fe, 1421px 693px #45b2fe, 496px 1803px #45b2fe,1055px 1732px #45b2fe, 1448px 302px #45b2fe, 774px 495px #45b2fe,266px 1037px #45b2fe, 941px 792px #45b2fe, 779px 1034px #45b2fe,1333px 1194px #45b2fe, 1546px 188px #45b2fe, 947px 1906px #45b2fe,1769px 1595px #45b2fe, 1667px 724px #45b2fe, 699px 1979px #45b2fe,194px 213px #45b2fe, 1984px 1738px #45b2fe, 466px 1754px #45b2fe,1998px 1908px #45b2fe, 975px 1413px #45b2fe, 1505px 752px #45b2fe,1341px 932px #45b2fe, 1260px 812px #45b2fe, 1591px 50px #45b2fe,1655px 1730px #45b2fe, 1955px 1340px #45b2fe, 859px 1742px #45b2fe,1608px 1931px #45b2fe, 1431px 1227px #45b2fe, 1553px 222px #45b2fe,684px 1866px #45b2fe, 371px 59px #45b2fe, 1885px 869px #45b2fe,1887px 1795px #45b2fe, 1032px 1431px #45b2fe, 1085px 1840px #45b2fe,817px 1343px #45b2fe, 1260px 1135px #45b2fe, 124px 1566px #45b2fe,1975px 1980px #45b2fe;}@keyframes animStar {from {transform: translateY(0px);}to {transform: translateY(-2000px);}}</style>
转圈圈
@keyframes rotate {from {transform: rotate(0);}to {transform: rotate(360deg);}
}.rotate {animation: rotate 15s linear infinite;
}
上下弹动
@keyframes updown{0%{transform: translateY(-10px);//filter: hue-rotate(180deg);/* hue-rotate 色彩转换传递的参数为角度，该角度指向的颜色圆盘上的颜射就是当前显示的颜色 */}50%{transform: translateY(50px);}100%{transform: translateY(-10px);}
}.updown {animation: updown 3s linear infinite;
}
CSS-动效 纯css粒子动效 | 转圈圈 | 上下弹动相关推荐
- html css右下角三角形,纯CSS绘制三角形（各种角度）
CSS/HTML 的 纯CSS绘制三角形(各种角度) 我们的网页因为 CSS 而呈现千变万化的风格.这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果.特别是随着 C ...
- [css] 怎样用纯CSS实现禁止鼠标点击事件？
[css] 怎样用纯CSS实现禁止鼠标点击事件? pointer-events: none; 是css3新出现的属性,意思就是禁止鼠标点击事件,当元素中有这一属性时,链接.点击事件统统失效. 个人简介 ...
- html 纯css 树形结构,纯css实现树形结构方法教程
本文主要介绍了纯css实现树形结构的示例代码的相关资料,使用CSS和HTML就可以将一个多级无序列表的节点展现成树状结构,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧,希 ...
- html图片倒角,CSS实例：纯CSS打造斜角
关于CSS打造斜角,先说一下历史,在CSS+DIV流行以前,也就是用表格作为网页框架的时候,人们通过在一个单元格里加入一个斜角图片来来做这种效果的.这种技术现在已经完全过时了,这里不讨论.CSS+DI ...
- css表格排序,纯CSS实现表格排序-利用CSS 变量和Flexbox
1.引子 今天闲逛知名前端资讯站Front-End Front,发现一个比较有意思的效果,给大家分享下,希望可以对大家有所启发. 纯CSS实现表格排序 心急的同学,先看效果,我放在codepen上. ...
- 查看全文的css,如何通过纯CSS实现“点击展开全文”功能
看标题大家不难猜到我今天要实现的功能,正如你打开 HTML代码 这是前端开发博客的正文 点击展开全文 将上述代码加入到 single.php 文件里面,按钮一般命名为"点击展开全文" ...
- css信号强度显示,纯css实现wifi信号图标及强弱/链接/加密状态
分享一段自己写的纯css实现的wifi连接的各种状态代码,希望能帮助到一些学习的朋友.默认图标大小为20px,已经通过transform放大,具体的可以见详细代码及预览. 运行代码 纯css实现wif ...
- Css实现刘海,纯CSS样式写刘海屏效果
1. 效果: 2. 代码: 刘海? :root { --bg--color: #ed4014; } body { background: var(--bg--color); } .top_bar_di ...
- 马自达css滑动按钮,纯css的滑块开关按钮
之前在项目中使用滑块开关按钮,纯css写的,不考虑兼容低版本浏览器,先说下原理: 使用 checkbox 的 选中 checked 属性改变css 伪类样式, 一定要使用-webkit-appeara ...
最新文章
- Linux /etc/profile文件详解
- Quartz框架中的Listener
- 求两个数的最大公约数的3种办法
- java size_Java length() 方法，length 属性和 size() 方法的区别
- 递归函数合式分解python_学习python的day10之递归与内置函数
- Activemq 使用ssl说明
- java代码禁止反编译_Java代码防止反编译
- 基于单片机GSM的防火防盗系统的设计
- 怎么样抓取微信小程序
- MATLAB创建数组方法
- 股市修仙传：群魔乱舞之仙人跳！
- Apache反向代理设置
- word 目录 有一部分无无虚线,解决办法
- 经验：中小微企业网站上云怎样选择适合自己的云虚拟主机？
- Material Design-Surface平面第二篇
- 使用tftpd32烧写内核（拯救你的“砖”）
- r语言做绘制精美pcoa图_R语言进行PCoA分析
- 解决 input 输入框在中文输入法下的 bug
- scanf()函数详解
- 温度传感器Pt100 热电阻的原理