div+css实现三维文字空间排列立体动画代码
代码语言：html
所属分类：动画
代码描述：div+css实现三维文字空间排列立体动画代码
代码标签： div css 三维 文字 空间 排列 立体 动画 代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<link rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100&display=swap'>
<style>
body {
background: #BF3979;
height: 100vh;
overflow: hidden;
display: flex;
font-family: "Roboto Mono", monospace;
font-size: 1.5rem;
justify-content: center;
align-items: center;
perspective: 600px;
color: #fff;
}
div {
transform-style: preserve-3d;
}
.camera.-y {
-webkit-animation: rotateY 20000ms linear infinite;
animation: rotateY 20000ms linear infinite;
}
.camera.-z {
-webkit-animation: rotateZ 15000ms infinite alternate;
animation: rotateZ 15000ms infinite alternate;
}
.move {
-webkit-animation: move 12000ms infinite alternate;
animation: move 12000ms infinite alternate;
}
.star:nth-child(1) {
transform: translate3d(221.75px, -160px, -39px) rotateY(64deg);
}
.star:nth-child(1)::before {
content: "L";
position: absolute;
-webkit-animation: code 1750ms -1378ms infinite;
animation: code 1750ms -1378ms infinite;
}
.star:nth-child(2) {
transform: translate3d(130px, -106px, -8.25px) rotateY(309deg);
}
.star:nth-child(2)::before {
content: "L";
position: absolute;
-webkit-animation: code 1007ms -1872ms infinite;
animation: code 1007ms -1872ms infinite;
}
.star:nth-child(3) {
transform: translate3d(84.75px, 96px, -257px) rotateY(161deg);
}
.star:nth-child(3)::before {
content: "L";
position: absolute;
-webkit-animation: code 1310ms -1425ms infinite;
animation: code 1310ms -1425ms infinite;
}
.star:nth-child(4) {
transform: translate3d(77px, 249px, 17.5px) rotateY(27deg);
}
.star:nth-child(4)::before {
content: "L";
position: absolute;
-webkit-animation: code 1915ms -1428ms infinite;
animation: code 1915ms -1428ms infinite;
}
.star:nth-child(5) {
transform: translate3d(125.5px, 208px, 95px) rotateY(178deg);
}
.star:nth-child(5)::before {
content: "L";
position: absolute;
-webkit-animation: code 1145ms -725ms infinite;
animation: code 1145ms -725ms infinite;
}
.star:nth-child(6) {
transform: translate3d(-273.75px, -25.75px, 19.25px) rotateY(67deg);
}
.star:nth-child(6)::before {
content: "L";
position: absolute;
-webkit-animation: code 1463ms -1185ms infinite;
animation: code 1463ms -1185ms infinite;
}
.star:nth-child(7) {
transform: translate3d(272.75px, -160.75px, -91.75px) rotateY(18deg);
}
.star:nth-child(7)::before {
content: "L";
position: absolute;
-webkit-animation: code 1743ms -919ms infinite;
animation: code 1743ms -919ms infinite;
}
.star:nth-child(8) {
transform: translate3d(51.5px, 21.75px, -9.25px) rotateY(72deg);
}
.star:nth-child(8)::before {
content: "L";
position: absolute;
-webkit-animation: code 1901ms -1562ms infinite;
animation: code 1901ms -1562ms infinite;
}
.star:nth-child(9) {
transform: translate3d(-13px, -36px, -114.5px) rotateY(104deg);
}
.star:nth-child(9)::before {
content: "L";
position: absolute;
-webkit-animation: code 1480ms -1330ms infinite;
animation: code 1480ms -1330ms infinite;
}
.star:nth-child(10) {
transform: translate3d(-99.5px, 126.25px, 148.5px) rotateY(172deg);
}
.star:nth-child(10)::before {
content: "L";
position: absolute;
-webkit-animation: code 1202ms -1158ms infinite;
animation: code 1202ms -1158ms infinite;
}
.star:nth-child(11) {
transform: translate3d(47.25px, 32px, 163.5px) rotateY(129deg);
}
.star:nth-child(11)::before {
content: "L";
position: absolute;
-webkit-animation: code 1181ms -24ms infinite;
animation: code 1181ms -24ms infinite;
}
.star:nth-child(12) {
transform: translate3d(60px, 33px, -74.5px) rotateY(81deg);
}
.star:nth-child(12)::before {
content: "L";
position: absolute;
-webkit-animation: code 1753ms -1345ms infinite;
animation: code 1753ms -1345ms infinite;
}
.star:nth-child(13) {
transform: translate3d(24.5px, 132.75px, -257.75px) rotateY(92deg);
}
.star:nth-child(13)::before {
content: "L";
position: absolute;
-webkit-animation: code 1558ms -1388ms infinite;
animation: code 1558ms -1388ms infinite;
}
.star:nth-child(14) {
transform: translate3d(-223.5px, -369.75px, 305.5px) rotateY(265deg);
}
.star:nth-child(14)::before {
content: "L";
position: absolute;
-webkit-animation: code 1380ms -387ms infinite;
animation: code 1380ms -387ms infinite;
}
.star:nth-child(15) {
transform: translate3d(40.75px, 64px, -65.75px) rotateY(321deg);
}
.star:nth-child(15)::before {
content: "L";
position: absolute;
-webkit-animation: code 1326ms -255ms infinite;
animation: code 1326ms -255ms infinite;
}
.star:nth-child(16) {
transform: translate3d(152.75px, -10.25px, 136.25px) rotateY(1deg);
}
.star:nth-child(16)::before {
content: "L";
position: absolute;
-webkit-animation: code 1713ms -789ms infinite;
animation: code 1713ms -789ms infinite;
}
.star:nth-child(17) {
transform: translate3d(-165.5px, -104.5px, -74.75px) rotateY(49deg);
}
.star:nth-child(17)::before {
content: "L";
position: absolute;
-webkit-animation: code 1834ms -1075ms infinite;
animation: code 1834ms -1075ms infinite;
}
.star:nth-child(18) {
transform: translate3d(120px, 217.75px, -47.75px) rotateY(144deg);
}
.star:nth-child(18)::before {
content: "L";
position: absolute;
-webkit-animation: code 1377ms -446ms infinite;
animation: code 1377ms -446ms infinite;
}
.star:nth-child(19) {
transform: translate3d(79.75px, 138.5px, 142.75px) rotateY(169deg);
}
.star:nth-child(19)::before {
content: "L";
position: absolute;
-webkit-animation: code 1378ms -188ms infinite;
animation: code 1378ms -188ms infinite;
}
.star:nth-child(20) {
transform: translate3d(-14.75px, 87.5px, -86px) rotateY(93deg);
}
.star:nth-child(20)::before {
content: "L";
position: absolute;
-webkit-animation: code 1631ms -1070ms infinite;
animation: code 1631ms -1070ms infinite;
}
.star:nth-child(21) {
transform: translate3d(208.5px, 68.75px, 65.75px) rotateY(238deg);
}
.star:nth-child(21)::before {
content: "L";
position: absolute;
-webkit-animation: code 1951ms -167ms infinite;
animation: code 1951ms -167ms infinite;
}
.star:nth-child(22) {
transform: translate3d(-237.5px, 52.25px, 132.5px) rotateY(38deg);
}
.star:nth-child(22)::before {
content: "L";
position: absolute;
-webkit-animation: code 1036ms -883ms infinite;
animation: code 1036ms -883ms infinite;
}
.star:nth-child(23) {
transform: translate3d(-54.5px, -257.25px, -70px) rotateY(168deg);
}
.star:nth-child(23)::before {
content: "L";
position: absolute;
-webkit-animation: code 1580ms -1460ms infinite;
animation: code 1580ms -1460ms infinite;
}
.star:nth-child(24) {
transform: translate3d(-48.5px, -137px, -194.75px) rotateY(70deg);
}
.star:nth-child(24)::before {
content: "L";
position: absolute;
-webkit-animation: code 1169ms -1812ms infinite;
animation: code 1169ms -1812ms infinite;
}
.star:nth-child(25) {
transform: translate3d(-19.75px, -4.5px, 214px) rotateY(238deg);
}
.star:nth-child(25)::before {
content: "L";
position: absolute;
-webkit-animation: code 1873ms -1896ms infinite;
animation: code 1873ms -1896ms infinite;
}
.star:nth-child(26) {
transform: translate3d(139.75px, 9px, -343px) rotateY(258deg);
}
.star:nth-child(26)::before {
content: "L";
position: absolute;
-webkit-animation: code 1618ms -151ms infinite;
animation: code 1618ms -151ms infinite;
}
.star:nth-child(27) {
transform: translate3d(84.75px, 46px, -35.25px) rotateY(50deg);
}
.star:nth-child(27)::before {
content: "L";
position: absolute;
-webkit-animation: code 1761ms -859ms infinite;
animation: code 1761ms -859ms infinite;
}
.star:nth-child(28) {
transform: translate3d(16.25px, 130px, 22.75px) rotateY(34deg);
}
.star:nth-child(28)::before {
content: "L";
position: absolute;
-webkit-animation: code 1863ms -56ms infinite;
animation: code 1863ms -56ms infinite;
}
.star:nth-child(29) {
transform: translate3d(110px, -48px, -244px) rotateY(349deg);
}
.star:nth-child(29)::before {
content: "L";
position: absolute;
-webkit-animation: code 1648ms -793ms infinite;
animation: code 1648ms -793ms infinite;
}
.star:nth-child(30) {
transform: translate3d(223px, 130.25px, 299.5px) rotateY(322deg);
}
.star:nth-child(30)::before {
content: "L";
position: absolute;
-webkit-animation: code 1036ms -1101ms infinite;
animation: code 1036ms -1101ms infinite;
}
.star:nth-child(31) {
transform: translate3d(-76.5px, -109px, 34px) rotateY(191deg);
}
.star:nth-child(31)::before {
content: "L";
position: absolute;
-webkit-animation: code 1875ms -1529ms infinite;
animation: code 1875ms -1529ms infinite;
}
.star:nth-child(32) {
transform: translate3d(-38.75px, -134.25px, -82px) rotateY(107deg);
}
.star:nth-child(32)::before {
content: "L";
position: absolute;
-webkit-animation: code 1796ms -1849ms infinite;
animation: code 1796ms -1849ms infinite;
}
.star:nth-child(33) {
transform: translate3d(5.25px, 49.25px, 164px) rotateY(228deg);
}
.star:nth-child(33)::before {
content: "L";
position: absolute;
-webkit-animation: code 1962ms -1043ms infinite;
animation: code 1962ms -1043ms infinite;
}
.star:nth-child(34) {
transform: translate3d(202px, 162.25px, 85.75px) rotateY(273deg);
}
.star:nth-child(34)::before {
content: "L";
position: absolute;
-webkit-animation: code 1555ms -1786ms infinite;
animation: code 1555ms -1786ms infinite;
}
.star:nth-child(35) {
transform: translate3d(137.25px, -199.75px, -93.25px) rotateY(295deg);
}
.star:nth-child(35)::before {
content: "L";
position: absolute;
-webkit-animation: code 1902ms -561ms infinite;
animation: code 1902ms -561ms infinite;
}
.star:nth-child(36) {
transform: translate3d(19.5px, 170px, -41px) rotateY(244deg);
}
.star:nth-child(36)::before {
content: "L";
position: absolute;
-webkit-animation: code 1351ms -697ms infinite;
animation: code 1351ms -697ms infinite;
}
.star:nth-child(37) {
transform: translate3d(-159.75px, -64.5px, -130.5px) rotateY(79deg);
}
.star:nth-child(37)::before {
content: "L";
position: absolute;
-webkit-animation: code 1864ms -191ms infinite;
animation: code 1864ms -191ms infinite;
}
.star:nth-child(38) {
transform: translate3d(-4.25px, -18.5px, 152.25px) rotateY(238deg);
}
.star:nth-child(38)::before {
content: "L";
position: absolute;
-webkit-animation: code 1371ms -887ms infinite;
animation: code 1371ms -887ms infinite;
}
.star:nth-child(39) {
transform: translate3d(168.75px, 148.75px, 25.25px) rotateY(85deg);
}
.star:nth-child(39)::before {
content: "L";
position: absolute;
-webkit-animation: code 1455ms -1330ms infinite;
animation: code 1455ms -1330ms infinite;
}
.star:nth-child(40) {
transform: translate3d(51.25px, -166px, -18.75px) rotateY(210deg);
}
.star:nth-child(40)::before {
content: "L";
position: absolute;
-webkit-animation: code 1158ms -486ms infinite;
animation: code 1158ms -486ms infinite;
}
.star:nth-child(41) {
transform: translate3d(162.75px, 52.5px, -90.25px) rotateY(9deg);
}
.star:nth-child(41)::before {
content: "L";
position: absolute;
-webkit-animation: code 1148ms -475ms infinite;
animation: code 1148ms -475ms infinite;
}
.star:nth-child(42) {
transform: translate3d(-258.25px, 62.25px, 19.5px) rotateY(190deg);
}
.star:nth-child(42)::before {
content: "L";
position: absolute;
-webkit-animation: code 1757ms -1380ms infinite;
animation: code 1757ms -1380ms infinite;
}
.star:nth-child(43) {
transform: translate3d(63.75px, -8.75px, -164.25px) rotateY(255deg);
}
.star:nth-child(43)::before {
content: "L";
position: absolute;
-webkit-animation: code 1369ms -1960ms infinite;
animation: code 1369ms -1960ms infinite;
}
.star:nth-child(44) {
transform: translate3d(-68.25px, 264.25px, 119.25px) rotateY(12deg);
}
.star:nth-child(44)::before {
content: "L";
position: absolute;
-webkit-animation: code 1117ms -193ms infinite;
animation: code 1117ms -193ms infinite;
}
.star:nth-child(45) {
transform: translate3d(5.5px, -103.25px, -91px) rotateY(346deg);
}
.star:nth-child(45)::before {
content: "L";
position: absolute;
-webkit-animation: code 1924ms -726ms infinite;
animation: code 1924ms -726ms infinite;
}
.star:nth-child(46) {
transform: translate3d(-32.5px, 91.25px, -95.75px) rotateY(298deg);
}
.star:nth-child(46)::before {
content: "L";
position: absolute;
-webkit-animation: code 1604ms -1678ms infinite;
animation: code 1604ms -1678ms infinite;
}
.star:nth-child(47) {
transform: translate3d(-13.25px, 192px, 49.25px) rotateY(175deg);
}
.star:nth-child(47)::before {
content: "L";
position: absolute;
-webkit-animation: code 1825ms -996ms infinite;
animation: code 1825ms -996ms infinite;
}
.star:nth-child(48) {
transform: translate3d(-118.25px, -2.75px, 223px) rotateY(66deg);
}
.star:nth-child(48)::before {
content: "L";
position: absolute;
-webkit-animation: code 1782ms -255ms infinite;
animation: code 1782ms -255ms infinite;
}
.star:nth-child(49) {
transform: translate3d(139.25px, 105.75px, -8.25px) rotateY(298deg);
}
.star:nth-child(49)::before {
content: "L";
position: absolute;
-webkit-animation: code 1414ms -891ms infinite;
animation: code 1414ms -891ms infinite;
}
.star:nth-child(50) {
transform: translate3d(17.75px, 250.5px, 204.5px) rotateY(117deg);
}
.star:nth-child(50)::before {
content: "L";
position: absolute;
-webkit-animation: code 1238ms -1261ms infinite;
animation: code 1238ms -1261ms infinite;
}
.star:nth-child(51) {
transform: translate3d(1.25px, 57px, -75.25px) rotateY(343deg);
}
.star:nth-child(51)::before {
content: "L";
position: absolute;
-webkit-animation: code 1139ms -1249ms infinite;
animation: code 1139ms -1249ms infinite;
}
.star:nth-child(52) {
transform: translate3d(156.5px, 146.75px, 9.5px) rotateY(202deg);
}
.star:nth-child(52)::before {
content: "L";
position: absolute;
-webkit-animation: code 1953ms -176ms infinite;
animation: code 1953ms -176ms infinite;
}
.star:nth-child(53) {
transform: translate3d(-277.5px, -20.75px, 17px) rotateY(130deg);
}
.star:nth-child(53)::before {
content: "L";
position: absolute;
-webkit-animation: code 1679ms -1020ms infinite;
animation: code 1679ms -1020ms infinite;
}
.star:nth-child(54) {
transform: translate3d(100px, -192px, -237px) rotateY(254deg);
}
.star:nth-child(54)::before {
content: "L";
position: absolute;
-webkit-animation: code 1561ms -219ms infinite;
animation: code 1561ms -219ms infinite;
}
.star:nth-child(55) {
transform: translate3d(230.5px, -22.25px, 7.75px) rotateY(148deg);
}
.star:nth-child(55)::before {
content: "L";
position: absolute;
-webkit-animation: code 1007ms -207ms infinite;
animation: code 1007ms -207ms infinite;
}
.star:nth-child(56) {
transform: translate3d(88.75px, -26.5px, 127px) rotateY(18deg);
}
.star:nth-child(56)::before {
content: "L";
position: absolute;
-webkit-animation: code 1857ms -1802ms infinite;
animation: code 1857ms -1802ms infinite;
}
.star:nth-child(57) {
transform: translate3d(-160.25px, -227.25px, 35.25px) rotateY(38deg);
}
.star:nth-child(57)::before {
content: "L";
position: absolute;
-webkit-animation: code 1011ms -63ms infinite;
animation: code 1011ms -63ms infinite;
}
.star:nth-child(58) {
transform: translate3d(255.5px, 79.5px, 136.5px) rotateY(297deg);
}
.star:nth-child(58)::before {
content: "L";
position: absolute;
-webkit-animation: code 1301ms -1165ms infinite;
animation: code 1301ms -1165ms infinite;
}
.star:nth-child(59) {
transform: translate3d(108px, 315px, -65px) rotateY(135deg);
}
.star:nth-child(59)::before {
content: "L";
position: absolute;
-webkit-animation: code 1700ms -1075ms infinite;
animation: code 1700ms -1075ms infinite;
}
.star:nth-child(60) {
transform: translate3d(-98.25px, 37px, -4.25px) rotateY(55deg);
}
.star:nth-child(60)::before {
content: "L";
position: absolute;
-webkit-animation: code 1601ms -1067ms infinite;
animation: code 1601ms -1067ms infinite;
}
.star:nth-child(61) {
transform: translate3d(38px, -136px, -233.5px) rotateY(173deg);
}
.star:nth-child(61)::before {
content: "L";
position: absolute;
-webkit-animation: code 1869ms -1679ms infinite;
animation: code 1869ms -1679ms infinite;
}
.star:nth-child(62) {
transform: translate3d(185.75px, 56.25px, 88.25px) rotateY(297deg);
}
.star:nth-child(62)::before {
content: "L";
position: absolute;
-webkit-animation: code 1291ms -1349ms infinite;
animation: code 1291ms -1349ms infinite;
}
.star:nth-child(63) {
transform: translate3d(157.5px, 246.5px, 259.75px) rotateY(217deg);
}
.star:nth-child(63)::before {
content: "L";
position: absolute;
-webkit-animation: code 1695ms -51ms infinite;
animation: code 1695ms -51ms infinite;
}
.star:nth-child(64) {
transform: translate3d(-140.25px, -78.5px, -24.75px) rotateY(75deg);
}
.star:nth-child(64)::before {
content: "L";
position: absolute;
-webkit-animation: code 1912ms -1323ms infinite;
animation: code 1912ms -1323ms infinite;
}
.star:nth-child(65) {
transform: translate3d(199.75px, -90px, 74.25px) rotateY(141deg);
}
.star:nth-child(65)::before {
content: "L";
position: absolute;
-webkit-animation: code 1894ms -746ms infinite;
animation: code 1894ms -746ms infinite;
}
.star:nth-child(66) {
transform: translate3d(172.75px, 22.5px, -310.25px) rotateY(288deg);
}
.star:nth-child(66)::before {
content: "L";
position: absolute;
-webkit-animation: code 1134ms -980ms infinite;
animation: code 1134ms -980ms infinite;
}
.star:nth-child(67) {
transform: translate3d(164.75px, 86.5px, 117.25px) rotateY(70deg);
}
.star:nth-child(67)::before {
content: "L";
position: absolute;
-webkit-animation: code 1030ms -534ms infinite;
animation: code 1030ms -534ms infinite;
}
.star:nth-child(68) {
transform: translate3d(-56px, 259.25px, 156.75px) rotateY(211deg);
}
.star:nth-child(68)::before {
content: "L";
position: absolute;
-webkit-animation: code 1150ms -818ms infinite;
animation: code 1150ms -818ms infinite;
}
.star:nth-child(69) {
transform: translate3d(136px, -11.25px, 10.5px) rotateY(242deg);
}
.star:nth-child(69)::before {
content: "L";
position: absolute;
-webkit-animation: code 1741ms -816ms infinite;
animation: code 1741ms -816ms infinite;
}
.star:nth-child(70) {
transform: translate3d(9.25px, -40px, -146.75px) rotateY(262deg);
}
.star:nth-child(70)::before {
content: "L";
position: absolute;
-webkit-animation: code 1837ms -641ms infinite;
animation: code 1837ms -641ms infinite;
}
.star:nth-child(71) {
transform: translate3d(36.75px, 133px, 221.5px) rotateY(11deg);
}
.star:nth-child(71)::before {
content: "L";
position: absolute;
-webkit-animation: code 1549ms -545ms infinite;
animation: code 1549ms -545ms infinite;
}
.star:nth-child(72) {
transform: translate3d(-137.25px, 37.75px, 134.5px) rotateY(35deg);
}
.star:nth-child(72)::before {
content: "L";
position: absolute;
-webkit-animation: code 1994ms -81ms infinite;
animation: code 1994ms -81ms infinite;
}
.star:nth-child(73) {
transform: translate3d(-122.25px, -68.75px, -141.5px) rotateY(235deg);
}
.star:nth-child(73)::before {
content: "L";
position: absolute;
-webkit-animation: code 1088ms -604ms infinite;
animation: code 1088ms -604ms infinite;
}
.star:nth-child(74) {
transform: translate3d(247.5px, 249.25px, 266.75px) rotateY(231deg);
}
.star:nth-child(74)::before {
content: "L";
position: absolute;
-webkit-animation: code 1059ms -216ms infinite;
animation: code 1059ms -216ms infinite;
}
.star:nth-child(75) {
transform: translate3d(12px, 140.5px, -15.5px) rotateY(112deg);
}
.star:nth-child(75)::before {
content: "L";
position: absolute;
-webkit-animation: code 1147ms -544ms infinite;
animation: code 1147ms -544ms infinite;
}
.star:nth-child(76) {
transform: translate3d(-176px, -202.25px, -82.75px) rotateY(109deg);
}
.star:nth-child(76)::before {
content: "L";
position: absolute;
-webkit-animation: code 1270ms -647ms infinite;
animation: code 1270ms -647ms infinite;
}
.star:nth-child(77) {
transform: translate3d(110.75px, 56.25px, 188.75px) rotateY(240deg);
}
.star:nth-child(77)::before {
content: "L";
position: absolute;
-webkit-animation: code 1255ms -823ms infinite;
animation: code 1255ms -823ms infinite;
}
.star:nth-child(78) {
transform: translate3d(-96px, -216.75px, 181.75px) rotateY(104deg);
}
.star:nth-child(78)::before {
content: "L";
position: absolute;
-webkit-animation: code 1823ms -1460ms infinite;
animation: code 1823ms -1460ms infinite;
}
.star:nth-child(79) {
transform: translate3d(110px, -14px, -257.25px) rotateY(327deg);
}
.star:nth-child(79)::before {
content: "L";
position: absolute;
-webkit-animation: code 1613ms -853ms infinite;
animation: code 1613ms -853ms infinite;
}
.star:nth-child(80) {
transform: translate3d(167.75px, 160.25px, -217.5px) rotateY(105deg);
}
.star:nth-child(80)::before {
content: "L";
position: absolute;
-webkit-animation: code 1710ms -451ms infinite;
animation: code 1710ms -451ms infinite;
}
.star:nth-child(81) {
transform: translate3d(18.5px, -100.25px, 15px) rotateY(4deg);
}
.star:nth-child(81)::before {
content: "L";
position: absolute;
-webkit-animation: code 1023ms -737ms infinite;
animation: code 1023ms -737ms infinite;
}
.star:nth-child(82) {
transform: translate3d(-24.5px, 112.75px, -116px) rotateY(294deg);
}
.star:nth-child(82)::before {
content: "L";
position: absolute;
-webkit-animation: code 1958ms -280ms infinite;
animation: code 1958ms -280ms infinite;
}
.star:nth-child(83) {
transform: translate3d(-32px, -137.5px, -247px) rotateY(316deg);
}
.star:nth-child(83)::before {
content: "L";
position: absolute;
-webkit-animation: code 1746ms -1900ms infinite;
animation: code 1746ms -1900ms infinite;
}
.star:nth-child(84) {
transform: translate3d(-58px, 13.75px, 240.5px) rotateY(147deg);
}
.star:nth-child(84)::before {
content: "L";
position: absolute;
-webkit-animation: code 1648ms -544ms infinite;
animation: code 1648ms -544ms infinite;
}
.star:nth-child(85) {
transform: translate3d(224.25px, -195px, 174px) rotateY(327deg);
}
.star:nth-child(85)::before {
content: "L";
position: absolute;
-webkit-animation: code 1057ms -1241ms infinite;
animation: code 1057ms -1241ms infinite;
}
.star:nth-child(86) {
transform: translate3d(34.5px, 109px, -141.5px) rotateY(161deg);
}
.star:nth-child(86)::before {
content: "L";
position: absolute;
-webkit-animation: code 1281ms -1548ms infinite;
animation: code 1281ms -1548ms infinite;
}
.star:nth-child(87) {
transform: translate3d(72.75px, -29.75px, -212px) rotateY(40deg);
}
.star:nth-child(87)::before {
content: "L";
position: absolute;
-webkit-animation: code 1890ms -665ms infinite;
animation: code 1890ms -665ms infinite;
}
.star:nth-child(88) {
transform: translate3d(-70.25px, -129.25px, 65.75px) rotateY(51deg);
}
.star:nth-child(88)::before {
content: "L";
position: absolute;
-webkit-animation: code 1479ms -1314ms infinite;
animation: code 1479ms -1314ms infinite;
}
.star:nth-child(89) {
transform: translate3d(27px, -105.25px, 126px) rotateY(116deg);
}
.star:nth-child(89)::before {
content: "L";
position: absolute;
-webkit-animation: code 1296ms -1284ms infinite;
animation: code 1296ms -1284ms infinite;
}
.star:nth-child(90) {
transform: translate3d(21.75px, 122px, 16.5px) rotateY(282deg);
}
.star:nth-child(90)::before {
content: "L";
position: absolute;
-webkit-animation: code 1930ms -745ms infinite;
animation: code 1930ms -745ms infinite;
}
.star:nth-child(91) {
transform: translate3d(-28px, -105px, 114.75px) rotateY(273deg);
}
.star:nth-child(91)::before {
content: "L";
position: absolute;
-webkit-animation: code 1507ms -1558ms infinite;
animation: code 1507ms -1558ms infinite;
}
.star:nth-child(92) {
transform: translate3d(128.75px, -74.25px, 73.5px) rotateY(178deg);
}
.star:nth-child(92)::before {
content: "L";
position: absolute;
-webkit-animation: code 1703ms -1408ms infinite;
animation: code 1703ms -1408ms infinite;
}
.star:nth-child(93) {
transform: translate3d(-227.75px, -57.25px, -31px) rotateY(220deg);
}
.star:nth-child(93)::before {
content: "L";
position: absolute;
-webkit-animation: code 1199ms -175ms infinite;
animation: code 1199ms -175ms infinite;
}
.star:nth-child(94) {
transform: translate3d(156.25px, -243.25px, -242.5px) rotateY(350deg);
}
.star:nth-child(94)::before {
content: "L";
position: absolute;
-webkit-animation: code 1147ms -1720ms infinite;
animation: code 1147ms -1720ms infinite;
}
.star:nth-child(95) {
transform: translate3d(10.5px, 127px, -288.25px) rotateY(245deg);
}
.star:nth-child(95)::before {
content: "L";
position: absolute;
-webkit-animation: code 1667ms -1189ms infinite;
animation: code 1667ms -1189ms infinite;
}
.star:nth-child(96) {
transform: translate3d(-131.75px, -227.25px, 4.5px) rotateY(312deg);
}
.star:nth-child(96)::before {
content: "L";
position: absolute;
-webkit-animation: code 1237ms -1900ms infinite;
animation: code 1237ms -1900ms infinite;
}
.star:nth-child(97) {
transform: translate3d(14.75px, -60.5px, -74px) rotateY(300deg);
}
.star:nth-child(97)::before {
content: "L";
position: absolute;
-webkit-animation: code 1046ms -349ms infinite;
animation: code 1046ms -349ms infinite;
}
.star:nth-child(98) {
transform: translate3d(-17.25px, 180.25px, 246.75px) rotateY(34deg);
}
.star:nth-child(98)::before {
content: "L";
position: absolute;
-webkit-animation: code 1332ms -1622ms infinite;
animation: code 1332ms -1622ms infinite;
}
.star:nth-child(99) {
transform: translate3d(-2.5px, 35px, 67.25px) rotateY(216deg);
}
.star:nth-child(99)::before {
content: "L";
position: absolute;
-webkit-animation: code 1952ms -1776ms infinite;
animation: code 1952ms -1776ms infinite;
}
.star:nth-child(100) {
transform: translate3d(-74.5px, -78px, -91.5px) rotateY(44deg);
}
.star:nth-child(100)::before {
content: "L";
position: absolute;
-webkit-animation: code 1647ms -323ms infinite;
animation: code 1647ms -323ms infinite;
}
.star:nth-child(101) {
transform: translate3d(38px, -165px, 72.5px) rotateY(352deg);
}
.star:nth-child(101)::before {
content: "L";
position: absolute;
-webkit-animation: code 1457ms -1518ms infinite;
animation: code 1457ms -1518ms infinite;
}
.star:nth-child(102) {
transform: translate3d(80px, -137.75px, -23.25px) rotateY(252deg);
}
.star:nth-child(102)::before {
content: "L";
position: absolute;
-webkit-animation: code 1600ms -715ms infinite;
animation: code 1600ms -715ms infinite;
}
.star:nth-child(103) {
transform: translate3d(-74.75px, 24.5px, -245.5px) rotateY(196deg);
}
.star:nth-child(103)::before {
content: "L";
position: absolute;
-webkit-animation: code 1724ms -120ms infinite;
animation: code 1724ms -120ms infinite;
}
.star:nth-child(104) {
transform: translate3d(0px, -51.75px, -177.75px) rotateY(207deg);
}
.star:nth-child(104)::before {
content: "L";
position: absolute;
-webkit-animation: code 1306ms -33ms infinite;
animation: code 1306ms -33ms infinite;
}
.star:nth-child(105) {
transform: translate3d(-214.75px, -23px, -155.5px) rotateY(226deg);
}
.star:nth-child(105)::before {
content: "L";
position: absolute;
-webkit-animation: code 1036ms -1176ms infinite;
animation: code 1036ms -1176ms infinite;
}
.star:nth-child(106) {
transform: translate3d(-59px, -110.25px, -168.75px) rotateY(187deg);
}
.star:nth-child(106)::before {
content: "L";
position: absolute;
-webkit-animation: code 1748ms -1901ms infinite;
animation: code 1748ms -1901ms infinite;
}
.star:nth-child(107) {
transform: translate3d(140px, 87.25px, 66.25px) rotateY(96deg);
}
.star:nth-child(107)::before {
content: "L";
position: absolute;
-webkit-animation: code 1126ms -1688ms infinite;
animation: code 1126ms -1688ms infinite;
}
.star:nth-child(108) {
transform: translate3d(77.5px, 46.5px, -53.25px) rotateY(204deg);
}
.star:nth-child(108)::before {
content: "L";
position: absolute;
-webkit-animation: code 1377ms -1703ms infinite;
animation: code 1377ms -1703ms infinite;
}
.star:nth-child(109) {
transform: translate3d(-114.25px, 26.75px, -160.75px) rotateY(284deg);
}
.star:nth-child(109)::before {
content: "L";
position: absolute;
-webkit-animation: code 1553ms -1378ms infinite;
animation: code 1553ms -1378ms infinite;
}
.star:nth-child(110) {
transform: translate3d(65.25px, 10px, -69.25px) rotateY(209deg);
}
.star:nth-child(110)::before {
content: "L";
position: absolute;
-webkit-animation: code 1565ms -265ms infinite;
animation: code 1565ms -265ms infinite;
}
.star:nth-child(111) {
transform: translate3d(-299.75px, 41px, -80px) rotateY(127deg);
}
.star:nth-child(111)::before {
content: "L";
position: absolute;
-webkit-animation: code 1566ms -249ms infinite;
animation: code 1566ms -249ms infinite;
}
.star:nth-child(112) {
transform: translate3d(-18px, 59.5px, -96.25px) rotateY(246deg);
}
.star:nth-child(112)::before {
content: "L";
position: absolute;
-webkit-animation: code 1852ms -1891ms infinite;
animation: code 1852ms -1891ms infinite;
}
.star:nth-child(113) {
transform: translate3d(-63px, 15.25px, -166.25px) rotateY(225deg);
}
.star:nth-child(113)::before {
content: "L";
position: absolute;
-webkit-animation: code 1568ms -1370ms infinite;
animation: code 1568ms -1370ms infinite;
}
.star:nth-child(114) {
transform: translate3d(-202.75px, -8px, -159.75px) rotateY(224deg);
}
.star:nth-child(114)::before {
content: "L";
position: absolute;
-webkit-animation: code 1335ms -1800ms infinite;
animation: code 1335ms -1800ms infinite;
}
.star:nth-child(115) {
transform: translate3d(110.25px, 106.75px, 235.25px) rotateY(110deg);
}
.star:nth-child(115)::before {
content: "L";
position: absolute;
-webkit-animation: code 1867ms -1112ms infinite;
animation: code 1867ms -1112ms infinite;
}
.star:nth-child(116) {
transform: translate3d(74px, 97px, -100.5px) rotateY(317deg);
}
.star:nth-child(116)::before {
content: "L";
position: absolute;
-webkit-animation: code 1981ms -289ms infinite;
animation: code 1981ms -289ms infinite;
}
.star:nth-child(117) {
transform: translate3d(-16px, 46.75px, 86px) rotateY(102deg);
}
.star:nth-child(117)::before {
content: "L";
position: absolute;
-webkit-animation: code 1932ms -454ms infinite;
animation: code 1932ms -454ms infinite;
}
.star:nth-child(118) {
transform: translate3d(-92px, 97.25px, -175.75px) rotateY(328deg);
}
.star:nth-child(118)::before {
content: "L";
position: absolute;
-webkit-animation: code 1101ms -632ms infinite;
animation: code 1101ms -632ms infinite;
}
.star:nth-child(119) {
transform: translate3d(-88.5px, 73.75px, -203px) rotateY(165deg);
}
.star:nth-child(119)::before {
content: "L";
position: absolute;
-webkit-animation: code 1850ms -111ms infinite;
animation: code 1850ms -111ms infinite;
}
.star:nth-child(120) {
transform: translate3d(107.75px, 95.5px, -86.25px) rotateY(298deg);
}
.star:nth-child(120)::before {
content: "L";
position: absolute;
-webkit-animation: code 1692ms -1530ms infinite;
animation: code 1692ms -1530ms infinite;
}
.star:nth-child(121) {
transform: translate3d(142px, 49.5px, -198.25px) rotateY(47deg);
}
.star:nth-child(121)::before {
content: "L";
position: absolute;
-webkit-animation: code 1081ms -1320ms infinite;
animation: code 1081ms -1320ms infinite;
}
.star:nth-child(122) {
transform: translate3d(187.5px, 19.75px, 10px) rotateY(231deg);
}
.star:nth-child(122)::before {
content: "L";
position: absolute;
-webkit-animation: code 1120ms -167ms infinite;
animation: code 1120ms -167ms infinite;
}
.star:nth-child(123) {
transform: translate3d(16.75px, -100.5px, -46.5px) rotateY(27deg);
}
.star:nth-child(123)::before {
content: "L";
position: absolute;
-webkit-animation: code 1448ms -1322ms infinite;
animation: code 1448ms -1322ms infinite;
}
.star:nth-child(124) {
transform: translate3d(326.25px, -153.25px, -226px) rotateY(146deg);
}
.star:nth-child(124)::before {
content: "L";
position: absolute;
-webkit-animation: code 1989ms -19ms infinite;
animation: code 1989ms -19ms infinite;
}
.star:nth-child(125) {
transform: translate3d(-68.25px, -16.25px, -179.25px) rotateY(253deg);
}
.star:nth-child(125)::before {
content: "L";
position: absolute;
-webkit-animation: code 1492ms -1797ms infinite;
animation: code 1492ms -1797ms infinite;
}
.star:nth-child(126) {
transform: translate3d(-293px, 90.75px, -106px) rotateY(264deg);
}
.star:nth-child(126)::before {
content: "L";
position: absolute;
-webkit-animation: code 1878ms -338ms infinite;
animation: code 1878ms -338ms infinite;
}
.star:nth-child(127) {
transform: translate3d(-46px, 15px, 79.75px) rotateY(33deg);
}
.star:nth-child(127)::before {
content: "L";
position: absolute;
-webkit-animation: code 1036ms -682ms infinite;
animation: code 1036ms -682ms infinite;
}
.star:nth-child(128) {
transform: translate3d(127.75px, 94.5px, -255.75px) rotateY(209deg);
}
.star:nth-child(128)::before {
content: "L";
position: absolute;
-webkit-animation: code 1228ms -478ms infinite;
animation: code 1228ms -478ms infinite;
}
.star:nth-child(129) {
transform: translate3d(4.5px, 49px, -22.25px) rotateY(247deg);
}
.star:nth-child(129)::before {
content: "L";
position: absolute;
-webkit-animation: code 1996ms -951ms infinite;
animation: code 1996ms -951ms infinite;
}
.star:nth-child(130) {
transform: translate3d(-14.75px, -172px, 137px) rotateY(20deg);
}
.star:nth-child(130)::before {
content: "L";
position: absolute;
-webkit-animation: code 1761ms -298ms infinite;
animation: code 1761ms -298ms infinite;
}
.star:nth-child(131) {
transform: translate3d(-5.75px, -114px, 103.5px) rotateY(103deg);
}
.star:nth-child(131)::before {
content: "L";
position: absolute;
-webkit-animation: code 1846ms -407ms infinite;
animation: code 1846ms -407ms infinite;
}
.star:nth-child(132) {
transform: translate3d(-210.25px, -19.25px, 93.25px) rotateY(174deg);
}
.star:nth-child(132)::before {
content: "L";
position: absolute;
-webkit-animation: code 1973ms -1233ms infinite;
animation: code 1973ms -1233ms infinite;
}
.star:nth-child(133) {
transform: translate3d(225px, 102.75px, 47.75px) rotateY(257deg);
}
.star:nth-child(133)::before {
content: "L";
position: absolute;
-webkit-animation: code 1958ms -1005ms infinite;
animation: code 1958ms -1005ms infinite;
}
.star:nth-child(134) {
transform: translate3d(68.25px, -46.75px, 276.5px) rotateY(142deg);
}
.star:nth-child(134)::before {
content: "L";
position: absolute;
-webkit-animation: code 1947ms -541ms infinite;
animation: code 1947ms -541ms infinite;
}
.star:nth-child(135) {
transform: translate3d(-191.25px, -177.25px, -40px) rotateY(308deg);
}
.star:nth-child(135)::before {
content: "L";
position: absolute;
-webkit-animation: code 1259ms -1459ms infinite;
animation: code 1259ms -1459ms infinite;
}
.star:nth-child(136) {
transform: translate3d(-51.75px, -174.75px, 190px) rotateY(150deg);
}
.star:nth-child(136)::before {
content: "L";
position: absolute;
-webkit-animation: code 1963ms -1482ms infinite;
animation: code 1963ms -1482ms infinite;
}
.star:nth-child(137) {
transform: translate3d(61px, -185px, -43.5px) rotateY(130deg);
}
.star:nth-child(137)::before {
content: "L";
position: absolute;
-webkit-animation: code 1640ms -291ms infinite;
animation: code 1640ms -291ms infinite;
}
.star:nth-child(138) {
transform: translate3d(-131.75px, -142.75px, -212.75px) rotateY(57deg);
}
.star:nth-child(138)::before {
content: "L";
position: absolute;
-webkit-animation: code 1142ms -1715ms infinite;
animation: code 1142ms -1715ms infinite;
}
.star:nth-child(139) {
transform: translate3d(109.25px, -72.5px, -233.75px) rotateY(338deg);
}
.star:nth-child(139)::before {
content: "L";
position: absolute;
-webkit-animation: code 1261ms -560ms infinite;
animation: code 1261ms -560ms infinite;
}
.star:nth-child(140) {
transform: translate3d(-2.25px, 40.25px, -3.75px) rotateY(24deg);
}
.star:nth-child(140)::before {
content: "L";
position: absolute;
-webkit-animation: code 1749ms -251ms infinite;
animation: code 1749ms -251ms infinite;
}
.star:nth-child(141) {
transform: translate3d(-63.25px, 76.75px, 83.75px) rotateY(258deg);
}
.star:nth-child(141)::before {
content: "L";
position: absolute;
-webkit-animation: code 1167ms -1850ms infinite;
animation: code 1167ms -1850ms infinite;
}
.star:nth-child(142) {
transform: translate3d(-208.25px, 59.5px, 61.75px) rotateY(250deg);
}
.star:nth-child(142)::before {
content: "L";
position: absolute;
-webkit-animation: code 1300ms -550ms infinite;
animation: code 1300ms -550ms infinite;
}
.star:nth-child(143) {
transform: translate3d(129.25px, 116px, 130px) rotateY(17deg);
}
.star:nth-child(143)::before {
content: "L";
position: absolute;
-webkit-animation: code 1604ms -193ms infinite;
animation: code 1604ms -193ms infinite;
}
.star:nth-child(144) {
transform: translate3d(-191px, 17.25px, -17px) rotateY(6deg);
}
.star:nth-child(144)::before {
content: "L";
position: absolute;
-webkit-animation: code 1264ms -125ms infinite;
animation: code 1264ms -125ms infinite;
}
.star:nth-child(145) {
transform: translate3d(187.5px, -148.5px, -95.5px) rotateY(299deg);
}
.star:nth-child(145)::before {
content: "L";
position: absolute;
-webkit-animation: code 1112ms -593ms infinite;
animation: code 1112ms -593ms infinite;
}
.star:nth-child(146) {
transform: translate3d(89.75px, -273px, 137.5px) rotateY(187deg);
}
.star:nth-child(146)::before {
content: "L";
position: absolute;
-webkit-animation: code 1973ms -1174ms infinite;
animation: code 1973ms -1174ms infinite;
}
.star:nth-child(147) {
transform: translate3d(-81.75px, -122.25px, -138.25px) rotateY(289deg);
}
.star:nth-child(147)::before {
content: "L";
position: absolute;
-webkit-animation: code 1143ms -1713ms infinite;
animation: code 1143ms -1713ms infinite;
}
.star:nth-child(148) {
transform: translate3d(22.5px, -49.25px, -25.75px) rotateY(325deg);
}
.star:nth-child(148)::before {
content: "L";
position: absolute;
-webkit-animation: code 1815ms -1157ms infinite;
animation: code 1815ms -1157ms infinite;
}
.star:nth-child(149) {
transform: translate3d(35px, -301.25px, -102px) rotateY(266deg);
}
.star:nth-child(149)::before {
content: "L";
position: absolute;
-webkit-animation: code 1116ms -717ms infinite;
animation: code 1116ms -717ms infinite;
}
.star:nth-child(150) {
transform: translate3d(75.75px, 108.5px, -28.25px) rotateY(108deg);
}
.star:nth-child(150)::before {
content: "L";
position: absolute;
-webkit-animation: code 1296ms -566ms infinite;
animation: code 1296ms -566ms infinite;
}
.star:nth-child(151) {
transform: translate3d(303px, -118.25px, -37.25px) rotateY(339deg);
}
.star:nth-child(151)::before {
content: "L";
position: absolute;
-webkit-animation: code 1503ms -1647ms infinite;
animation: code 1503ms -1647ms infinite;
}
.star:nth-child(152) {
transform: translate3d(19.25px, 177px, 44.5px) rotateY(116deg);
}
.star:nth-child(152)::before {
content: "L";
position: absolute;
-webkit-animation: code 1275ms -1694ms infinite;
animation: code 1275ms -1694ms infinite;
}
.star:nth-child(153) {
transform: translate3d(184.75px, -3.25px, -54.75px) rotateY(315deg);
}
.star:nth-child(153)::before {
content: "L";
position: absolute;
-webkit-animation: code 1253ms -1347ms infinite;
animation: code 1253ms -1347ms infinite;
}
.star:nth-child(154) {
transform: translate3d(49.25px, 59.5px, 242px) rotateY(46deg);
}
.star:nth-child(154)::before {
content: "L";
position: absolute;
-webkit-animation: code 1570ms -1124ms infinite;
animation: code 1570ms -1124ms infinite;
}
.star:nth-child(155) {
transform: translate3d(-142px, 154.5px, -306px) rotateY(204deg);
}
.star:nth-child(155)::before {
content: "L";
position: absolute;
-webkit-animation: code 1623ms -1163ms infinite;
animation: code 1623ms -1163ms infinite;
}
.star:nth-child(156) {
transform: translate3d(148px, -117.75px, -277.5px) rotateY(146deg);
}
.star:nth-child(156)::before {
content: "L";
position: absolute;
-webkit-animation: code 1984ms -194ms infinite;
animation: code 1984ms -194ms infinite;
}
.star:nth-child(157) {
transform: translate3d(209px, -74.5px, -35.25px) rotateY(196deg);
}
.star:nth-child(157)::before {
content: "L";
position: absolute;
-webkit-animation: code 1923ms -111ms infinite;
animation: code 1923ms -111ms infinite;
}
.star:nth-child(158) {
transform: translate3d(275.25px, -62.75px, -164.75px) rotateY(74deg);
}
.star:nth-child(158)::before {
content: "L";
position: absolute;
-webkit-animation: code 1617ms -1614ms infinite;
animation: code 1617ms -1614ms infinite;
}
.star:nth-child(159) {
transform: translate3d(-145px, -189.75px, -23px) rotateY(258deg);
}
.star:nth-child(159)::before {
content: "L";
position: absolute;
-webkit-animation: code 1952ms -1188ms infinite;
animation: code 1952ms -1188ms infinite;
}
.star:nth-child(160) {
transform: translate3d(159px, -132.75px, 84.5px) rotateY(346deg);
}
.star:nth-child(160)::before {
content: "L";
position: absolute;
-webkit-animation: code 1296ms -69ms infinite;
animation: code 1296ms -69ms infinite;
}
.star:nth-child(161) {
transform: translate3d(-162.75px, -20.25px, -15.25px) rotateY(247deg);
}
.star:nth-child(161)::before {
content: "L";
position: absolute;
-webkit-animation: code 1623ms -1232ms infinite;
animation: code 1623ms -1232ms infinite;
}
.star:nth-child(162) {
transform: translate3d(90.5px, 253.75px, -4.5px) rotateY(279deg);
}
.star:nth-child(162)::before {
content: "L";
position: absolute;
-webkit-animation: code 1354ms -399ms infinite;
animation: code 1354ms -399ms infinite;
}
.star:nth-child(163) {
transform: translate3d(-140.5px, -203px, -45px) rotateY(180deg);
}
.star:nth-child(163)::before {
content: "L";
position: absolute;
-webkit-animation: code 1052ms -1033ms infinite;
animation: code 1052ms -1033ms infinite;
}
.star:nth-child(164) {
transform: translate3d(-307px, -21.5px, 87px) rotateY(173deg);
}
.star:nth-child(164)::before {
content: "L";
position: absolute;
-webkit-animation: code 1456ms -1049ms infinite;
animation: code 1456ms -1049ms infinite;
}
.star:nth-child(165) {
transform: translate3d(-15px, -118.5px, 223.75px) rotateY(117deg);
}
.star:nth-child(165)::before {
content: "L";
position: absolute;
-webkit-animation: code 1412ms -864ms infinite;
animation: code 1412ms -864ms infinite;
}
.star:nth-child(166) {
transform: translate3d(-227px, 96.75px, -1.25px) rotateY(238deg);
}
.star:nth-child(166)::before {
content: "L";
position: absolute;
-webkit-animation: code 1392ms -1648ms infinite;
animation: code 1392ms -1648ms infinite;
}
.star:nth-child(167) {
transform: translate3d(-107.75px, -294.25px, -180.25px) rotateY(50deg);
}
.star:nth-child(167)::before {
content: "L";
position: absolute;
-webkit-animation: code 1038ms -945ms infinite;
animation: code 1038ms -945ms infinite;
}
.star:nth-child(168) {
transform: translate3d(-29px, 42.5px, 42.25px) rotateY(304deg);
}
.star:nth-child(168)::before {
content: "L";
position: absolute;
-webkit-animation: code 1570ms -694ms infinite;
animation: code 1570ms -694ms infinite;
}
.star:nth-child(169) {
transform: translate3d(293.5px, -254.25px, 184.5px) rotateY(95deg);
}
.star:nth-child(169)::before {
content: "L";
position: absolute;
-webkit-animation: code 1805ms -1664ms infinite;
animation: code 1805ms -1664ms infinite;
}
.star:nth-child(170) {
transform: translate3d(193.5px, 15px, 216.75px) rotateY(147deg);
}
.star:nth-child(170)::before {
content: "L";
position: absolute;
-webkit-animation: code 1560ms -1694ms infinite;
animation: code 1560ms -1694ms infinite;
}
.star:nth-child(171) {
transform: translate3d(-59.75px, 67.5px, -62.25px) rotateY(239deg);
}
.star:nth-child(171)::before {
content: "L";
position: absolute;
-webkit-animation: code 1476ms -474ms infinite;
animation: code 1476ms -474ms infinite;
}
.star:nth-child(172) {
transform: translate3d(-45px, -46.25px, -99.5px) rotateY(83deg);
}
.star:nth-child(172)::before {
content: "L";
position: absolute;
-webkit-animation: code 1793ms -615ms infinite;
animation: code 1793ms -615ms infinite;
}
.star:nth-child(173) {
transform: translate3d(112.25px, -37.25px, 207px) rotateY(313deg);
}
.star:nth-child(173)::before {
content: "L";
position: absolute;
-webkit-animation: code 1527ms -543ms infinite;
animation: code 1527ms -543ms infinite;
}
.star:nth-child(174) {
transform: translate3d(-331.75px, -43.75px, -24px) rotateY(33deg);
}
.star:nth-child(174)::before {
content: "L";
position: absolute;
-webkit-animation: code 1289ms -754ms infinite;
animation: code 1289ms -754ms infinite;
}
.star:nth-child(175) {
transform: translate3d(-87.25px, 120.75px, -57.25px) rotateY(44deg);
}
.star:nth-child(175)::before {
content: "L";
position: absolute;
-webkit-animation: code 1870ms -671ms infinite;
animation: code 1870ms -671ms infinite;
}
.star:nth-child(176) {
transform: translate3d(-59px, 14px, 153.25px) rotateY(237deg);
}
.star:nth-child(176)::before {
content: "L";
position: absolute;
-webkit-animation: code 1528ms -199ms infinite;
animation: code 1528ms -199ms infinite;
}
.star:nth-child(177) {
transform: translate3d(219.25px, -92.75px, 320px) rotateY(103deg);
}
.star:nth-child(177)::before {
content: "L";
position: absolute;
-webkit-animation: code 1297ms -891ms infinite;
animation: code 1297ms -891ms infinite;
}
.star:nth-child(178) {
transform: translate3d(-84.75px, -29px, 69.5px) rotateY(191deg);
}
.star:nth-child(178)::before {
content: "L";
position: absolute;
-webkit-animation: code 1159ms -1256ms infinite;
animation: code 1159ms -1256ms infinite;
}
.star:nth-child(179) {
transform: translate3d(-175.75px, -105.25px, 60.25px) rotateY(123deg);
}
.star:nth-child(179)::before {
content: "L";
position: absolute;
-webkit-animation: code 1833ms -138ms infinite;
animation: code 1833ms -138ms infinite;
}
.star:nth-child(180) {
transform: translate3d(161px, 58.5px, 115.5px) rotateY(126deg);
}
.star:nth-child(180)::before {
content: "L";
position: absolute;
-webkit-animation: code 1679ms -934ms infinite;
animation: code 1679ms -934ms infinite;
}
.star:nth-child(181) {
transform: translate3d(-107.5px, 192.25px, 33.25px) rotateY(104deg);
}
.star:nth-child(181)::before {
content: "L";
position: absolute;
-webkit-animation: code 1139ms -210ms infinite;
animation: code 1139ms -210ms infinite;
}
.star:nth-child(182) {
transform: translate3d(251.75px, -171.25px, 108.25px) rotateY(177deg);
}
.star:nth-child(182)::before {
content: "L";
position: absolute;
-webkit-animation: code 1896ms -1356ms infinite;
animation: code 1896ms -1356ms infinite;
}
.star:nth-child(183) {
transform: translate3d(-144px, -56px, 90px) rotateY(50deg);
}
.star:nth-child(183)::before {
content: "L";
position: absolute;
-webkit-animation.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0