css圣诞树动画效果

代码语言:html

所属分类:布局界面

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

   
    <style>
:root {
        --background: #3C3B3D;
    }

        body {
            background: var(--background);
        }
        body ul {
            padding: 0;
        }
        body ul li {
            list-style: none;
        }
        body ul:nth-child(1) {
            position: absolute;
            top: 20vh;
            left: 50%;
            width: 1rem;
            height: 1rem;
            border-radius: 100%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        body ul:nth-child(1) li {
            position: absolute;
            width: 0;
            height: 0;
            border-width: 0 0.5rem 1rem 0.5rem;
            border-style: solid;
            border-color: transparent;
            border-bottom-color: #FFCE54;
            -webkit-transform-origin: 0.5rem 1rem;
            transform-origin: 0.5rem 1rem;
        }
        body ul:nth-child(1) li:nth-child(0) {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        body ul:nth-child(1) li:nth-child(1) {
            -webkit-transform: rotate(72deg);
            transform: rotate(72deg);
        }
        body ul:nth-child(1) li:nth-child(2) {
            -webkit-transform: rotate(144deg);
            transform: rotate(144deg);
        }
        body ul:nth-child(1) li:nth-child(3) {
            -webkit-transform: rotate(216deg);
            transform: rotate(216deg);
        }
        body ul:nth-child(1) li:nth-child(4) {
            -webkit-transform: rotate(288deg);
            transform: rotate(288deg);
        }
        body ul:nth-child(2) li {
            position: absolute;
            top: 20vh;
            left: 50%;
            width: 0.0625rem;
            height: 60vh;
            -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
        }
        body ul:nth-child(2) li:nth-child(1) {
            -webkit-transform: rotate(4.9322004015deg);
            transform: rotate(4.9322004015deg);
        }
        body ul:nth-child(2) li:nth-child(1):before, body ul:nth-child(2) li:nth-child(1):after {
            -webkit-animation-delay: -0.015625s;
            animation-delay: -0.015625s;
        }
        body ul:nth-child(2) li:nth-child(2) {
            -webkit-transform: rotate(7.7960629984deg);
            transform: rotate(7.7960629984deg);
        }
        body ul:nth-child(2) li:nth-child(2):before, body ul:nth-child(2) li:nth-child(2):after {
            -webkit-animation-delay: -0.03125s;
            animation-delay: -0.03125s;
        }
        body ul:nth-child(2) li:nth-child(3) {
            -webkit-transform: rotate(10.5294548885deg);
            transform: rotate(10.5294548885deg);
        }
        body ul:nth-child(2) li:nth-child(3):before, body ul:nth-child(2) li:nth-child(3):after {
            -webkit-animation-delay: -0.046875s;
            animation-delay: -0.046875s;
        }
        body ul:nth-child(2) li:nth-child(4) {
            -webkit-transform: rotate(13.0729752212deg);
            transform: rotate(13.0729752212deg);
        }
        body ul:nth-child(2) li:nth-child(4):before, body ul:nth-child(2) li:nth-child(4):after {
            -webkit-animation-delay: -0.0625s;
            animation-delay: -0.0625s;
        }
        body ul:nth-child(2) li:nth-child(5) {
            -webkit-transform: rotate(15.3712416033deg);
            transform: rotate(15.3712416033deg);
        }
        body ul:nth-child(2) li:nth-child(5):before, body ul:nth-child(2) li:nth-child(5):after {
            -webkit-animation-delay: -0.078125s;
            animation-delay: -0.078125s;
        }
        body ul:nth-child(2) li:nth-child(6) {
            -webkit-transform: rotate(17.3740897387deg);
            transform: rotate(17.3740897387deg);
        }
        body ul:nth-child(2) li:nth-child(6):before, body ul:nth-child(2) li:nth-child(6):after {
            -webkit-animation-delay: -0.09375s;
            animation-delay: -0.09375s;
        }
        body ul:nth-child(2) li:nth-child(7) {
            -webkit-transform: rotate(19.0376603304deg);
            transform: rotate(19.0376603304deg);
        }
        body ul:nth-child(2) li:nth-child(7):before, body ul:nth-child(2) li:nth-child(7):after {
            -webkit-animation-delay: -0.109375s;
            animation-delay: -0.109375s;
        }
        body ul:nth-child(2) li:nth-child(8) {
            -webkit-transform: rotate(20.3253497152deg);
            transform: rotate(20.3253497152deg);
        }
        body ul:nth-child(2) li:nth-child(8):before, body ul:nth-child(2) li:nth-child(8):after {
            -webkit-animation-delay: -0.125s;
            animation-delay: -0.125s;
        }
        body ul:nth-child(2) li:nth-child(9) {
            -webkit-transform: rotate(21.2086036501deg);
            transform: rotate(21.2086036501deg);
        }
        body ul:nth-child(2) li:nth-child(9):before, body ul:nth-child(2) li:nth-child(9):after {
            -webkit-animation-delay: -0.140625s;
            animation-delay: -0.140625s;
        }
        body ul:nth-child(2) li:nth-child(10) {
            -webkit-transform: rotate(21.6675370621deg);
            transform: rotate(21.6675370621deg);
        }
        body ul:nth-child(2) li:nth-child(10):before, body ul:nth-child(2) li:nth-child(10):after {
            -webkit-animation-delay: -0.15625s;
            animation-delay: -0.15625s;
        }
        body ul:nth-child(2) li:nth-child(11) {
            -webkit-transform: rotate(21.6913663441deg);
            transform: rotate(21.6913663441deg);
        }
        body ul:nth-child(2) li:nth-child(11):before, body ul:nth-child(2) li:nth-child(11):after {
            -webkit-animation-delay: -0.171875s;
            animation-delay: -0.171875s;
        }
        body ul:nth-child(2) li:nth-child(12) {
            -webkit-transform: rotate(21.2786448327deg);
            transform: rotate(21.2786448327deg);
        }
        body ul:nth-child(2) li:nth-child(12):before, body ul:nth-child(2) li:nth-child(12):after {
            -webkit-animation-delay: -0.1875s;
            animation-delay: -0.1875s;
        }
        body ul:nth-child(2) li:nth-child(13) {
            -webkit-transform: rotate(20.4372963666deg);
            transform: rotate(20.4372963666deg);
        }
        body ul:nth-child(2) li:nth-child(13):before, body ul:nth-child(2) li:nth-child(13):after {
            -webkit-animation-delay: -0.203125s;
            animation-delay: -0.203125s;
        }
        body ul:nth-child(2) li:nth-child(14) {
            -webkit-transform: rotate(19.1844461937deg);
            transform: rotate(19.1844461937deg);
        }
        body ul:nth-child(2) li:nth-child(14):before, body ul:nth-child(2) li:nth-child(14):after {
            -webkit-animation-delay: -0.21875s;
            animation-delay: -0.21875s;
        }
        body ul:nth-child(2) li:nth-child(15) {
            -webkit-transform: rotate(17.5460528803deg);
            transform: rotate(17.5460528803deg);
        }
        body ul:nth-child(2) li:nth-child(15):before, body ul:nth-child(2) li:nth-child(15):after {
            -webkit-animation-delay: -0.234375s;
            animation-delay: -0.234375s;
        }
        body ul:nth-child(2) li:nth-child(16) {
            -webkit-transform: rotate(15.5563491861deg);
            transform: rotate(15.5563491861deg);
        }
        body ul:nth-child(2) li:nth-child(16):before, body ul:nth-child(2) li:nth-child(16):after {
            -webkit-animation-delay: -0.25s;
            animation-delay: -0.25s;
        }
        body ul:nth-child(2) li:nth-child(17) {
            -webkit-transform: rotate(13.2571039995deg);
            transform: rotate(13.2571039995deg);
        }
        body ul:nth-child(2) li:nth-child(17):before, body ul:nth-child(2) li:nth-child(17):after {
            -webkit-animation-delay: -0.265625s;
            animation-delay: -0.265625s;
        }
        body ul:nth-child(2) li:nth-child(18) {
            -webkit-transform: rotate(10.6967213048deg);
            transform: rotate(10.6967213048deg);
        }
        body ul:nth-child(2) li:nth-child(18):before, body ul:nth-child(2) li:nth-child(18):after {
            -webkit-animation-delay: -0.28125s;
            animation-delay: -0.28125s;
        }
        body ul:nth-child(2) li:nth-child(19) {
            -webkit-transform: rotate(7.9291956768deg);
            transform: rotate(7.9291956768deg);
        }
        body ul:nth-child(2) li:nth-child(19):before, body ul:nth-child(2) li:nth-child(19):after {
            -webkit-animation-delay: -0.296875s;
            animation-delay: -0.296875s;
        }
        body ul:nth-child(2) li:nth-child(20) {
            -webkit-transform: rotate(5.0129469064deg);
            transform: rotate(5.0129469064deg);
        }
        body ul:nth-child(2) li:nth-child(20):before, body ul:nth-child(2) li:nth-child(20):after {
            -webkit-animation-delay: -0.3125s;
            animation-delay: -0.3125s;
        }
        body ul:nth-child(2) li:nth-child(21) {
            -webkit-transform: rotate(2.0095589751deg);
            transform: rotate(2.0095589751deg);
        }
        body ul:nth-child(2) li:nth-child(21):before, body ul:nth-child(2) li:nth-child(21):after {
            -webkit-animation-delay: -0.328125s;
            animation-delay: -0.328125s;
        }
        body ul:nth-child(2) li:nth-child(22) {
            -webkit-transform: rotate(-1.0175493325deg);
            transform: rotate(-1.0175493325deg);
        }
        body ul:nth-child(2) li:nth-child(22):before, body ul:nth-child(2) li:nth-child(22):after {
            -webkit-animation-delay: -0.34375s;
            animation-delay: -0.34375s;
        }
        body ul:nth-child(2) li:nth-child(23) {
            -webkit-transform: rotate(-4.00449341deg);
            transform: rotate(-4.00449341deg);
        }
        body ul:nth-child(2) li:nth-child(23):before, body ul:nth-child(2) li:nth-child(23):after {
            -webkit-animation-delay: -0.359375s;
            animation-delay: -0.359375s;
        }
        body ul:nth-child(2) li:nth-child(24) {
            -webkit-transform: rotate(-6.8883017795deg);
            transform: rotate(-6.8883017795deg);
        }
        body ul:nth-child(2) li:nth-child(24):before, body ul:nth-child(2) li:nth-child(24):after {
            -webkit-animation-delay: -0.375s;
            animation-delay: -0.375s;
        }
        body ul:nth-child(2) li:nth-child(25) {
            -webkit-transform: rotate(-9.6082751692deg);
            transform: rotate(-9.6082751692deg);
        }
        body ul:nth-child(2) li:nth-child(25):before, body ul:nth-child(2) li:nth-child(25):after {
            -webkit-animation-delay: -0.390625s;
            animation-delay: -0.390625s;
        }
        body ul:nth-child(2) li:nth-child(26) {
            -webkit-transform: rotate(-12.1072963093deg);
            transform: rotate(-12.1072963093deg);
        }
        body ul:nth-child(2) li:nth-child(26):before, body ul:nth-child(2) li:nth-child(26):after {
            -webkit-animation-delay: -0.40625s;
            animation-delay: -0.40625s;
        }
        body ul:nth-child(2) li:nth-child(27) {
            -webkit-transform: rotate(-14.3330621011deg);
            transform: rotate(-14.3330621011deg);
        }
        body ul:nth-child(2) li:nth-child(27):before, body ul:nth-child(2) li:nth-child(27):after {
            -webkit-animation-delay: -0.421875s;
            animation-delay: -0.421875s;
        }
        body ul:nth-child(2) li:nth-child(28) {
            -webkit-transform: rotate(-16.2392114956deg);
            transform: rotate(-16.2392114956deg);
        }
        body ul:nth-child(2) li:nth-child(28):before, body ul:nth-child(2) li:nth-child(28):after {
            -webkit-animation-delay: -0.4375s;
            animation-delay: -0.4375s;
        }
        body ul:nth-child(2) li:nth-child(29) {
            -webkit-transform: rotate(-17.7863246755deg);
            transform: rotate(-17.7863246755deg);
        }
        body ul:nth-child(2) li:nth-child(29):before, body ul:nth-child(2) li:nth-child(29):after {
            -webkit-animation-delay: -0.453125s;
            animation-delay: -0.453125s;
        }
        body ul:nth-child(2) li:nth-child(30) {
            -webkit-transform: rotate(-18.9427719158deg);
            transform: rotate(-18.9427719158deg);
        }
        body ul:nth-child(2) li:nth-child(30):before, body ul:nth-child(2) li:nth-child(30):after {
            -webkit-animation-delay: -0.46875s;
            animation-delay: -0.46875s;
        }
        body ul:nth-child(2) li:nth-child(31) {
            -webkit-transform: rotate(-19.6853937515deg);
            transform: rotate(-19.6853937515deg);
        }
        body ul:nth-child(2) li:nth-child(31):before, body ul:nth-child(2) li:nth-child(31):after {
            -webkit-animation-delay: -0.484375s;
            animation-delay: -0.484375s;
        }
        body ul:nth-child(2) li:nth-child(32) {
            -webkit-transform: rotate(-19.9999977238deg);
            transform: rotate(-19.9999977238deg);
        }
        body ul:nth-child(2) li:nth-child(32):before, body ul:nth-child(2) li:nth-child(32):after {
            -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s;
        }
        body ul:nth-child(2) li:nth-child(33) {
            -webkit-transform: rotate(-19.8816609391deg);
            transform: rotate(-19.8816609391deg);
        }
        body ul:nth-child(2) li:nth-child(33):before, body ul:nth-child(2) li:nth-child(33):after {
            -webkit-animation-delay: -0.515625s;
            animation-delay: -0.515625s;
        }
        body ul:nth-child(2) li:nth-child(34) {
            -webkit-transform: rotate(-19.3348318591deg);
            transform: rotate(-19.3348318591deg);
        }
        body ul:nth-child(2) li:nth-child(34):before, body ul:nth-child(2) li:nth-child(34):after {
            -webkit-animation-delay: -0.53125s;
            animation-delay: -0.53125s;
        }
        body ul:nth-child(2) li:nth-child(35) {
            -webkit-transform: rotate(-18.3732290586deg);
            transform: rotate(-18.3732290586deg);
        }
        body ul:nth-child(2) li:nth-child(35):before, body ul:nth-child(2) li:nth-child(35):after {
            -webkit-animation-delay: -0.546875s;
            animation-delay: -0.546875s;
        }
        body ul:nth-child(2) li:nth-child(36) {
            -webkit-transform: rotate(-17.0195390385deg);
            transform: rotate(-17.0195390385deg);
        }
        body ul:nth-child(2) li:nth-child(36):before, body ul:nth-child(2) li:nth-child(36):after {
            -webkit-animation-delay: -0.5625s;
            animation-delay: -0.5625s;
        }
        body ul:nth-child(2) li:nth-child(37) {
            -webkit-transform: rotate(-15.3049194574deg);
            transform: rotate(-15.3049194574deg);
        }
        body ul:nth-child(2) li:nth-child(37):before, body ul:nth-child(2) li:nth-child(37):after {
            -webkit-animation-delay: -0.578125s;
            animation-delay: -0.578125s;
        }
        body ul:nth-child(2) li:nth-child(38) {
            -webkit-transform: rotate(-13.268318249deg);
            transform: rotate(-13.268318249deg);
        }
        body ul:nth-child(2) li:nth-child(38):before, body ul:nth-child(2) li:nth-child(38):after {
            -webkit-animation-delay: -0.59375s;
            animation-delay: -0.59375s;
        }
        body ul:nth-child(2) li:nth-child(39) {
            -webkit-transform: rotate(-10.9556229005deg);
            transform: rotate(-10.9556229005deg);
        }
        body ul:nth-child(2) li:nth-child(39):before, body ul:nth-child(2) li:nth-child(39):after {
            -webkit-animation-delay: -0.609375s;
            animation-delay: -0.609375s;
        }
        body ul:nth-child(2) li:nth-child(40) {
            -webkit-transform: rotate(-8.4186575895deg);
            transform: rotate(-8.4186575895deg);
        }
        body ul:nth-child(2) li:nth-child(40):before, body ul:nth-child(2) li:nth-child(40):after {
            -webkit-animation-delay: -0.625s;
            animation-delay: -0.625s;
        }
        body ul:nth-child(2) li:nth-child(41) {
            -webkit-transform: rotate(-5.7140487687deg);
            transform: rotate(-5.7140487687deg);
        }
        body ul:nth-child(2) li:nth-child(41):before, body ul:nth-child(2) li:nth-child(41):after {
            -webkit-animation-delay: -0.640625s;
            animation-delay: -0.640625s;
        }
        body ul:nth-child(2) li:nth-child(42) {
            -webkit-transform: rotate(-2.9019820558deg);
            transform: rotate(-2.9019820558deg);
        }
        body ul:nth-child(2) li:nth-child(42):before, body ul:nth-child(2) li:nth-child(42):after {
            -webkit-animation-delay: -0.65625s;
            animation-delay: -0.65625s;
        }
        body ul:nth-child(2) li:nth-child(43) {
            -webkit-transform: rotate(-0.0468520018deg);
            transform: rotate(-0.0468520018deg);
        }
        body ul:nth-child(2) li:nth-child(43):before, body ul:nth-child(2) li:nth-child(43):after {
            -webkit-animation-delay: -0.671875s;
            animation-delay: -0.671875s;
        }
        body ul:nth-child(2) li:nth-child(44) {
            -webkit-transform: rotate(2.7906659743deg);
            transform: rotate(2.7906659743deg);
        }
        body ul:nth-child(2) li:nth-child(44):before, body ul:nth-child(2) li:nth-child(44):after {
            -webkit-animation-delay: -0.6875s;
            animation-delay: -0.6875s;
        }
        body ul:nth-child(2) li:nth-child(45) {
            -webkit-transform: rotate(5.5463984589deg);
            transform: rotate(5.5463984589deg);
        }
        body ul:nth-child(2) li:nth-child(45):before, body ul:nth-child(2) li:nth-child(45):after {
            -webkit-animation-delay: -0.703125s;
            animation-delay: -0.703125s;
        }
        body ul:nth-child(2) li:nth-child(46) {
            -webkit-transform: rotate(8.1591481682deg);
            transform: rotate(8.1591481682deg);
        }
        body ul:nth-child(2) li:nth-child(46):before, body ul:nth-child(2) li:nth-child(46):after {
            -webkit-animation-delay: -0.71875s;
            animation-delay: -0.71875s;
        }
        body ul:nth-child(2) li:nth-child(47) {
            -webkit-transform: rotate(10.5708681802deg);
            transform: rotate(10.5708681802deg);
        }
        body ul:nth-child(2) li:nth-child(47):before, body ul:nth-child(2) li:nth-child(47):after {
            -webkit-animation-delay: -0.734375s;
            animation-delay: -0.734375s;
        }
        body ul:nth-child(2) li:nth-child(48) {
            -webkit-transform: rotate(12.7279220614deg);
            transform: rotate(12.7279220614deg);
        }
        body ul:nth-child(2) li:nth-child(48):before, body ul:nth-child(2) li:nth-child(48):after {
            -webkit-animation-delay: -0.75s;
            animation-delay: -0.75s;
        }
        body ul:nth-child(2) li:nth-child(49) {
            -webkit-transform: rotate(14.5822483789deg);
            transform: rotate(14.5822483789deg);
        }
        body ul:nth-child(2) li:nth-child(49):before, body ul:nth-child(2) li:nth-child(49):after {
            -webkit-animation-delay: -0.765625s;
            animation-delay: -0.765625s;
        }
        body ul:nth-child(2) li:nth-child(50) {
            -webkit-transform: rotate(16.0924043802deg);
            transform: rotate(16.0924043802deg);
        }
        body ul:nth-child(2) li:nth-child(50):before, body ul:nth-child(2) li:nth-child(50):after {
            -webkit-animation-delay: -0.78125s;
            animation-delay: -0.78125s;
        }
        body ul:nth-child(2) li:nth-child(51) {
            -webkit-transform: rotate(17.2244662407deg);
            transform: rotate(17.2244662407deg);
        }
        body ul:nth-child(2) li:nth-child(51):before, body ul:nth-child(2) li:nth-child(51):after {
            -webkit-animation-delay: -0.796875s;
            animation-delay: -0.796875s;
        }
        body ul:nth-child(2) li:nth-child(52) {
            -webkit-transform: rotate(17.9527663835deg);
            transform: rotate(17.9527663835deg);
        }
        body ul:nth-child(2) li:nth-child(52):before, body ul:nth-child(2) li:nth-child(52):after {
            -webkit-animation-delay: -0.8125s;
            animation-delay: -0.8125s;
        }
        body ul:nth-child(2) li:nth-child(53) {
            -webkit-transform: rotate(18.2604519041deg);
            transform: rotate(18.2604519041deg);
        }
        body ul:nth-child(2) li:nth-child(53):before, body ul:nth-child(2) li:nth-child(53):after {
            -webkit-animation-delay: -0.828125s;
            animation-delay: -0.828125s;
        }
        body ul:nth-child(2) li:nth-child(54) {
            -webkit-transform: rotate(18.1398520048deg);
            transform: rotate(18.1398520048deg);
        }
        body ul:nth-child(2) li:nth-child(54):before, body ul:nth-child(2) li:nth-child(54):after {
            -webkit-animation-delay: -0.84375s;
            animation-delay: -0.84375s;
        }
        body ul:nth-child(2) li:nth-child(55) {
            -webkit-transform: rotate(17.5926464776deg);
            transform: rotate(17.5926464776deg);
        }
        body ul:nth-child(2) li:nth-child(55):before, body ul:nth-child(2) li:nth-child(55):after {
            -webkit-animation-delay: -0.859375s;
            animation-delay: -0.859375s;
        }
        body ul:nth-child(2) li:nth-child(56) {
            -webkit-transform: rotate(16.6298315852deg);
            transform: rotate(16.6298315852deg);
        }
        body ul:nth-child(2) li:nth-child(56):before, body ul:nth-child(2) li:nth-child(56):after {
            -webkit-animation-delay: -0.875s;
            animation-delay: -0.875s;
        }
        body ul:nth-child(2) li:nth-child(57) {
            -webkit-transform: rotate(15.2714840696deg);
            transform: rotate(15.2714840696deg);
        }
        body ul:nth-child(2) li:nth-child(57):before, body ul:nth-child(2) li:nth-child(57):after {
            -webkit-animation-delay: -0.890625s;
            animation-delay: -0.890625s;
        }
        body ul:nth-child(2) li:nth-child(58) {
            -webkit-transform: rotate(13.5463283958deg);
            transform: rotate(13.5463283958deg);
        }
        body ul:nth-child(2) li:nth-child(58):before, body ul:nth-child(2) li:nth-child(58):after {
            -webkit-animation-delay: -0.90625s;
            animation-delay: -0.90625s;
        }
        body ul:nth-child(2) li:nth-child(59) {
            -webkit-transform: rotate(11.4911165906deg);
            transform: rotate(11.4911165906deg);
        }
        body ul:nth-child(2) li:nth-child(59):before, body ul:nth-child(2) li:nth-child(59):after {
            -webkit-animation-delay: -0.921875s;
            animation-delay: -0.921875s;
        }
        body ul:nth-child(2) li:nth-child(60) {
            -webkit-transform: rotate(9.1498340996deg);
            transform: rotate(9.1498340996deg);
        }
        body ul:nth-child(2) li:nth-child(60):before, body ul:nth-child(2) li:nth-child(60):after {
            -webkit-animation-delay: -0.9375s;
            animation-delay: -0.9375s;
        }
        body ul:nth-child(2) li:nth-child(61) {
            -webkit-transform: rotate(6.5727488487deg);
            transform: rotate(6.5727488487deg);
        }
        body ul:nth-child(2) li:nth-child(61):before, body ul:nth-child(2) li:nth-child(61):after {
            -webkit-animation-delay: -0.953125s;
            animation-delay: -0.953125s;
        }
        body ul:nth-child(2) li:nth-child(62) {
            -webkit-transform: rotate(3.8153240918deg);
            transform: rotate(3.8153240918deg);
        }
        body ul:nth-child(2) li:nth-child(62):before, body ul:nth-child(2) li:nth-child(62):after {
            -webkit-animation-delay: -0.96875s;
            animation-delay: -0.96875s;
        }
        body ul:nth-child(2) li:nth-child(63) {
            -webkit-transform: rotate(0.9370185769deg);
            transform: rotate(0.9370185769deg);
        }
        body ul:nth-child(2) li:nth-child(63):before, body ul:nth-child(2) li:nth-child(63):after {
            -webkit-animation-delay: -0.984375s;
            animation-delay: -0.984375s;
        }
        body ul:nth-child(2) li:nth-child(64) {
            -webkit-transform: rotate(-1.9999999996deg);
            transform: rotate(-1.9999999996deg);
        }
        body ul:nth-child(2) li:nth-child(64):before, body ul:nth-child(2) li:nth-child(64):after {
            -webkit-animation-delay: -1s;
            animation-delay: -1s;
        }
        body ul:nth-child(2) li:nth-child(65) {
            -webkit-transform: rotate(-4.9322004007deg);
            transform: rotate(-4.9322004007deg);
        }
        body ul:nth-child(2) li:nth-child(65):before, body ul:nth-child(2) li:nth-child(65):after {
            -webkit-animation-delay: -1.015625s;
            animation-delay: -1.015625s;
        }
        body ul:nth-child(2) li:nth-child(66) {
            -webkit-transform: rotate(-7.7960629965deg);
            transform: rotate(-7.7960629965deg);
        }
        body ul:nth-child(2) li:nth-child(66):before, body ul:nth-child(2) li:nth-child(66):after {
            -webkit-animation-delay: -1.03125s;
            animation-delay: -1.03125s;
        }
        body ul:nth-child(2) li:nth-child(67) {
            -webkit-transform: rotate(-10.5294548839deg);
            transform: rotate(-10.5294548839deg);
        }
        body ul:nth-child(2) li:nth-child(67):before, body ul:nth-child(2) li:nth-child(67):after {
            -webkit-animation-delay: -1.046875s;
            animation-delay: -1.046875s;
        }
        body ul:nth-child(2) li:nth-child(68) {
            -webkit-transform: rotate(-13.0729752099deg);
            transform: rotate(-13.0729752099deg);
        }
        body ul:nth-child(2) li:nth-child(68):before, body ul:nth-child(2) li:nth-child(68):after {
            -webkit-animation-delay: -1.0625s;
            animation-delay: -1.0625s;
        }
        body ul:nth-child(2) li:nth-child(69) {
            -webkit-transform: rotate(-15.3712415765deg);
            transform: rotate(-15.3712415765deg);
        }
        body ul:nth-child(2) li:nth-child(69):before, body ul:nth-child(2) li:nth-child(69):after {
            -webkit-animation-delay: -1.078125s;
            animation-delay: -1.078125s;
        }
        body ul:nth-child(2) li:nth-child(70) {
            -webkit-transform: rotate(-17.3740896764deg);
            transform: rotate(-17.3740896764deg);
        }
        body ul:nth-child(2) li:nth-child(70):before, body ul:nth-child(2) li:nth-child(70):after {
            -webkit-animation-delay: -1.09375s;
            animation-delay: -1.09375s;
        }
        body ul:nth-child(2) li:nth-child(71) {
            -webkit-transform: rotate(-19.0376601893deg);
            transform: rotate(-19.0376601893deg);
        }
        body ul:nth-child(2) li:nth-child(71):before, body ul:nth-child(2) li:nth-child(71):after {
            -webkit-animation-delay: -1.109375s;
            animation-delay: -1.109375s;
        }
        body ul:nth-child(2) li:nth-child(72) {
            -webkit-transform: rotate(-20.3253494038deg);
            transform: rotate(-20.3253494038deg);
        }
        body ul:nth-child(2) li:nth-child(72):before, body ul:nth-child(2) li:nth-child(72):after {
            -webkit-animation-delay: -1.125s;
            animation-delay: -1.125s;
        }
        body ul:nth-child(2) li:nth-child(73) {
            -webkit-transform: rotate(-21.2086029798deg);
            transform: rotate(-21.2086029798deg);
        }
        body ul:nth-child(2) li:nth-child(73):before, body ul:nth-child(2) li:nth-child(73):after {
            -webkit-animation-delay: -1.140625s;
            animation-delay: -1.140625s;
        }
        body ul:nth-child(2) li:nth-child(74) {
            -webkit-transform: rotate(-21.6675356538deg);
            transform: rotate(-21.6675356538deg);
        }
        body ul:nth-child(2) li:nth-child(74):before, body ul:nth-child(2) li:nth-child(74):after {
            -webkit-animation-delay: -1.15625s;
            animation-delay: -1.15625s;
        }
        body ul:nth-child(2) li:nth-child(75) {
            -webkit-transform: rotate(-21.6913634525deg);
            transform: rotate(-21.6913634525deg);
        }
        body ul:nth-child(2) li:nth-child(75):before, body ul:nth-child(2) li:nth-child(75):after {
            -webkit-animation-delay: -1.171875s;
            animation-delay: -1.171875s;
        }
        body ul:nth-child(2) li:nth-child(76) {
            -webkit-transform: rotate(-21.2786390231deg);
            transform: rotate(-21.2786390231deg);
        }
        body ul:nth-child(2) li:nth-child(76):before, body ul:nth-child(2) li:nth-child(76):after {
            -webkit-animation-delay: -1.1875s;
            animation-delay: -1.1875s;
        }
        body ul:nth-child(2) li:nth-child(77) {
            -webkit-transform: rotate(-20.4372849324deg);
            transform: rotate(-20.4372849324deg);
        }
        body ul:nth-child(2) li:nth-child(77):before, body ul:nth-child(2) li:nth-child(77):after {
            -webkit-animation-delay: -1.203125s;
            animation-delay: -1.203125s;
        }
        body ul:nth-child(2) li:nth-child(78) {
            -webkit-transform: rotate(-19.1844241228deg);
            transform: rotate(-19.1844241228deg);
        }
        body ul:nth-child(2) li:nth-child(78):before, body ul:nth-child(2) li:nth-child(78):after {
            -webkit-animation-delay: -1.21875s;
            animation-delay: -1.21875s;
        }
        body ul:nth-child(2) li:nth-child(79) {
            -webkit-transform: rotate(-17.5460110553deg);
            transform: rotate(-17.5460110553deg);
        }
        body ul:nth-child(2) li:nth-child(79):before, body ul:nth-child(2) li:nth-child(79):after {
            -webkit-animation-delay: -1.234375s;
            animation-delay: -1.234375s;
        }
        body ul:nth-child(2) li:nth-child(80) {
            -webkit-transform: rotate(-15.5562712968deg);
            transform: rotate(-15.5562712968deg);
        }
        body ul:nth-child(2) li:nth-child(80):before, body ul:nth-child(2) li:nth-child(80):after {
            -webkit-animation-delay: -1.25s;
            animation-delay: -1.25s;
        }
        body ul:nth-child(2) li:nth-child(81) {
            -webkit-transform: rotate(-13.2569613283deg);
            transform: rotate(-13.2569613283deg);
        }
        body ul:nth-child(2) li:nth-child(81):before, body ul:nth-child(2) li:nth-child(81):after {
            -webkit-animation-delay: -1.265625s;
            animation-delay: -1.265625s;
        }
        body ul:nth-child(2) li:nth-child(82) {
            -webkit-transform: rotate(-10.6964640422deg);
            transform: rotate(-10.6964640422deg);
        }
        body ul:nth-child(2) li:nth-child(82):before, body ul:nth-child(2) li:nth-child(82):after {
            -webkit-animation-delay: -1.28125s;
            animation-delay: -1.28125s;
        }
        body ul:nth-child(2) li:nth-child(83) {
            -webkit-transform: rotate(-7.9287386544deg);
            transform: rotate(-7.9287386544deg);
        }
        body ul:nth-child(2) li:nth-child(83):before, body ul:nth-child(2) li:nth-child(83):after {
            -webkit-animation-delay: -1.296875s;
            animation-delay: -1.296875s;
        }
        body ul:nth-child(2) li:nth-child(84) {
            -webkit-transform: rotate(-5.0121464587deg);
            transform: rotate(-5.0121464587deg);
        }
        body ul:nth-child(2) li:nth-child(84):before, body ul:nth-child(2) li:nth-child(84):after {
            -webkit-animation-delay: -1.3125s;
            animation-delay: -1.3125s;
        }
        body ul:nth-child(2) li:nth-child(85) {
            -webkit-transform: rotate(-2.0081758683deg);
            transform: rotate(-2.0081758683deg);
        }
        body ul:nth-child(2) li:nth-child(85):before, body ul:nth-child(2) li:nth-child(85):after {
            -webkit-animation-delay: -1.328125s;
            animation-delay: -1.328125s;
        }
        body ul:nth-child(2) li:nth-child(86) {
            -webkit-transform: rotate(1.0175494322deg);
            transform: rotate(1.0175494322deg);
        }
        body ul:nth-child(2) li:nth-child(86):before, body ul:nth-child(2) li:nth-child(86):after {
            -webkit-animation-delay: -1.34375s;
            animation-delay: -1.34375s;
        }
        body ul:nth-child(2) li:nth-child(87) {
            -webkit-transform: rotate(4.0044935391deg);
            transform: rotate(4.0044935391deg);
        }
        body ul:nth-child(2) li:nth-child(87):before, body ul:nth-child(2) li:nth-child(87):after {
            -webkit-animation-delay: -1.359375s;
            animation-delay: -1.359375s;
        }
        body ul:nth-child(2) li:nth-child(88) {
            -webkit-transform: rotate(6.8883019469deg);
            transform: rotate(6.8883019469deg);
        }
        body ul:nth-child(2) li:nth-child(88):before, body ul:nth-child(2) li:nth-child(88):after {
            -webkit-animation-delay: -1.375s;
            animation-delay: -1.375s;
        }
        body ul:nth-child(2) li:nth-child(89) {
            -webkit-transform: rotate(9.6082753876deg);
            transform: rotate(9.6082753876deg);
        }
        body ul:nth-child(2) li:nth-child(89):before, body ul:nth-child(2) li:nth-child(89):after {
            -webkit-animation-delay: -1.390625s;
            animation-delay: -1.390625s;
        }
        body ul:nth-child(2) li:nth-child(90) {
            -webkit-transform: rotate(12.1072965978deg);
            transform: rotate(12.1072965978deg);
        }
        body ul:nth-child(2) li:nth-child(90):before, body ul:nth-child(2) li:nth-child(90):after {
            -webkit-animation-delay: -1.40625s;
            animation-delay: -1.40625s;
        }
        body ul:nth-child(2) li:nth-child(91) {
            -webkit-transform: rotate(14.3330624901deg);
            transform: rotate(14.3330624901deg);
        }
        body ul:nth-child(2) li:nth-child(91):before, body ul:nth-child(2) li:nth-child(91):after {
            -webkit-animation-delay: -1.421875s;
            animation-delay: -1.421875s;
        }
        body ul:nth-child(2) li:nth-child(92) {
            -webkit-transform: rotate(16.2392120376deg);
            transform: rotate(16.2392120376deg);
        }
        body ul:nth-child(2) li:nth-child(92):before, body ul:nth-child(2) li:nth-child(92):after {
            -webkit-animation-delay: -1.4375s;
            animation-delay: -1.4375s;
        }
        body ul:nth-child(2) li:nth-child(93) {
            -webkit-transform: rotate(17.7863254657deg);
            transform: rotate(17.7863254657deg);
        }
        body ul:nth-child(2) li:nth-child(93):before, body ul:nth-child(2) li:nth-child(93):after {
            -webkit-animation-delay: -1.453125s;
            animation-delay: -1.453125s;
        }
        body ul:nth-child(2) li:nth-child(94) {
            -webkit-transform: rotate(18.942773132deg);
            transform: rotate(18.942773132deg);
        }
        body ul:nth-child(2) li:nth-child(94):before, body ul:nth-child(2) li:nth-child(94):after {
            -webkit-animation-delay: -1.46875s;
            animation-delay: -1.46875s;
        }
        body ul:nth-child(2) li:nth-child(95) {
            -webkit-transform: rotate(19.685395731deg);
            transform: rotate(19.685395731deg);
        }
        body ul:nth-child(2) li:nth-child(95):before, body ul:nth-child(2) li:nth-child(95):after {
            -webkit-animation-delay: -1.484375s;
            animation-delay: -1.484375s;
        }
        body ul:nth-child(2) li:nth-child(96) {
            -webkit-transform: rotate(20.0000011075deg);
            transform: rotate(20.0000011075deg);
        }
        body ul:nth-child(2) li:nth-child(96):before, body ul:nth-child(2) li:nth-child(96):after {
            -webkit-animation-delay: -1.5s;
            animation-delay: -1.5s;
        }
        body ul:nth-child(2) li:nth-child(97) {
            -webkit-transform: rotate(19.8816669379deg);
            transform: rotate(19.8816669379deg);
        }
        body ul:nth-child(2) li:nth-child(97):before, body ul:nth-child(2) li:nth-child(97):after {
            -webkit-animation-delay: -1.515625s;
            animation-delay: -1.515625s;
        }
        body ul:nth-child(2) li:nth-child(98) {
            -webkit-transform: rotate(19.3348427356deg);
            transform: rotate(19.3348427356deg);
        }
        body ul:nth-child(2) li:nth-child(98):before, body ul:nth-child(2) li:nth-child(98):after {
            -webkit-animation-delay: -1.53125s;
            animation-delay: -1.53125s;
        }
        body ul:nth-child(2) li:nth-child(99) {
            -webkit-transform: rotate(18.3732489854deg);
            transform: rotate(18.3732489854deg);
        }
        body ul:nth-child(2) li:nth-child(99):before, body ul:nth-child(2) li:nth-child(99):after {
            -webkit-animation-delay: -1.546875s;
            animation-delay: -1.546875s;
        }
        body ul:nth-child(2) li:nth-child(100) {
            -webkit-transform: rotate(17.0195755998deg);
            transform: rotate(17.0195755998deg);
        }
        body ul:nth-child(2) li:nth-child(100):before, body ul:nth-child(2) li:nth-child(100):after {
            -webkit-animation-delay: -1.5625s;
            animation-delay: -1.5625s;
        }
        body ul:nth-child(2) li:nth-child(101) {
            -webkit-transform: rotate(15.3049862369deg);
            transform: rotate(15.3049862369deg);
        }
        body ul:nth-child(2) li:nth-child(101):before, body ul:nth-child(2) li:nth-child(101):after {
            -webkit-animation-delay: -1.578125s;
            animation-delay: -1.578125s;
        }
        body ul:nth-child(2) li:nth-child(102) {
            -webkit-transform: rotate(13.2684392198deg);
            transform: rotate(13.2684392198deg);
        }
        body ul:nth-child(2) li:nth-child(102):before, body ul:nth-child(2) li:nth-child(102):after {
            -webkit-animation-delay: -1.59375s;
            animation-delay: -1.59375s;
        }
        body ul:nth-child(2) li:nth-child(103) {
            -webkit-transform: rotate(10.9558397694deg);
            transform: rotate(10.9558397694deg);
        }
        body ul:nth-child(2) li:nth-child(103):before, body ul:nth-child(2) li:nth-child(103):after {
            -webkit-animation-delay: -1.609375s;
            animation-delay: -1.609375s;
        }
        body ul:nth-child(2) li:nth-child(104) {
            -webkit-transform: rotate(8.4190419118deg);
            transform: rotate(8.4190419118deg);
        }
        body ul:nth-child(2) li:nth-child(104):before, body ul:nth-child(2) li:nth-child(104):after {
            -webkit-animation-delay: -1.625s;
            animation-delay: -1.625s;
        }
        body ul:nth-child(2) li:nth-child(105) {
            -webkit-transform: rotate(5.7147216774deg);
            transform: rotate(5.7147216774deg);
        }
        body ul:nth-child(2) li:nth-child(105):before, body ul:nth-child(2) li:nth-child(105):after {
            -webkit-animation-delay: -1.640625s;
            animation-delay: -1.640625s;
        }
        body ul:nth-child(2) li:nth-child(106) {
            -webkit-transform: rotate(2.9031459941deg);
            transform: rotate(2.9031459941deg);
        }
        body ul:nth-child(2) li:nth-child(106):before, body ul:nth-child(2) li:nth-child(106):after {
            -webkit-animation-delay: -1.65625s;
            animation-delay: -1.65625s;
        }
        body ul:nth-child(2) li:nth-child(107) {
            -webkit-transform: rotate(0.0468639341deg);
            transform: rotate(0.0468639341deg);
        }
        body ul:nth-child(2) li:nth-child(107):before, body ul:nth-child(2) li:nth-child(107):after {
            -webkit-animation-delay: -1.671875s;
            animation-delay: -1.671875s;
        }
        body ul:nth-child(2) li:nth-child(108) {
            -webkit-transform: rotate(-2.790651345deg);
            transform: rotate(-2.790651345deg);
        }
        body ul:nth-child(2) li:nth-child(108):before, body ul:nth-child(2) li:nth-child(108):after {
            -webkit-animation-delay: -1.6875s;
            animation-delay: -1.6875s;
        }
        body ul:nth-child(2) li:nth-child(109) {
            -webkit-transform: rotate(-5.5463805562deg);
            transform: rotate(-5.5463805562deg);
        }
        body ul:nth-child(2) li:nth-child(109):before, body ul:nth-child(2) li:nth-child(109):after {
            -webkit-animation-delay: -1.703125s;
            animation-delay: -1.703125s;
        }
        body ul:nth-child(2) li:nth-child(110) {
            -webkit-transform: rotate(-8.159126299deg);
            transform: rotate(-8.159126299deg);
        }
        body ul:nth-child(2) li:nth-child(110):before, body ul:nth-child(2) li:nth-child(110):after {
            -webkit-animation-delay: -1.71875s;
            animation-delay: -1.71875s;
        }
        body ul:nth-child(2) li:nth-child(111) {
            -webkit-transform: rotate(-10.5708415106deg);
            transform: rotate(-10.5708415106deg);
        }
        body ul:nth-child(2) li:nth-child(111):before, body ul:nth-child(2) li:nth-child(111):after {
            -webkit-animation-delay: -1.734375s;
            animation-delay: -1.734375s;
        }
        body ul:nth-child(2) li:nth-child(112) {
            -webkit-transform: rotate(-12.7278895878deg);
            transform: rotate(-12.7278895878deg);
        }
        body ul:nth-child(2) li:nth-child(112):before, body ul:nth-child(2) li:nth-child(112):after {
            -webkit-animation-delay: -1.75s;
            animation-delay: -1.75s;
        }
        body ul:nth-child(2) li:nth-child(113) {
            -webkit-transform: rotate(-14.5822088901deg);
            transform: rotate(-14.5822088901deg);
        }
        body ul:nth-child(2) li:nth-child(113):before, body ul:nth-child(2) li:nth-child(113):after {
            -webkit-animation-delay: -1.765625s;
            animation-delay: -1.765625s;
        }
        body ul:nth-child(2) li:nth-child(114) {
            -webkit-transform: rotate(-16.0923564062deg);
            transform: rotate(-16.0923564062deg);
        }
        body ul:nth-child(2) li:nth-child(114):before, body ul:nth-child(2) li:nth-child(114):after {
            -webkit-animation-delay: -1.78125s;
            animation-delay: -1.78125s;
        }
        body ul:nth-child(2) li:nth-child(115) {
            -webkit-transform: rotate(-17.2244079796deg);
            transform: rotate(-17.2244079796deg);
        }
        body ul:nth-child(2) li:nth-child(115):before, body ul:nth-child(2) li:nth-child(115):after {
            -webkit-animation-delay: -1.796875s;
            animation-delay: -1.796875s;
        }
        body ul:nth-child(2) li:nth-child(116) {
            -webkit-transform: rotate(-17.9526955928deg);
            transform: rotate(-17.9526955928deg);
        }
        body ul:nth-child(2) li:nth-child(116):before, body ul:nth-child(2) li:nth-child(116):after {
            -webkit-animation-delay: -1.8125s;
            animation-delay: -1.8125s;
        }
        body ul:nth-child(2) li:nth-child(117) {
            -webkit-transform: rotate(-18.2603657276deg);
            transform: rotate(-18.2603657276deg);
        }
        body ul:nth-child(2) li:nth-child(117):before, body ul:nth-child(2) li:nth-child(117):after {
            -webkit-animation-delay: -1.828125s;
            animation-delay: -1.828125s;
        }
        body ul:nth-child(2) li:nth-child(118) {
            -webkit-transform: rotate(-18.1397466908deg);
            transform: rotate(-18.1397466908deg);
        }
        body ul:nth-child(2) li:nth-child(118):before, body ul:nth-child(2) li:nth-child(118):after {
            -webkit-animation-delay: -1.84375s;
            animation-delay: -1.84375s;
        }
        body ul:nth-child(2) li:nth-child(119) {
            -webkit-transform: rotate(-17.5925169076deg);
            transform: rotate(-17.5925169076deg);
        }
        body ul:nth-child(2) li:nth-child(119):before, body ul:nth-child(2) li:nth-child(119):after {
            -webkit-animation-delay: -1.859375s;
            animation-delay: -1.859375s;
        }
        body ul:nth-child(2) li:nth-child(120) {
            -webkit-transform: rotate(-16.6296704768deg);
            transform: rotate(-16.6296704768deg);
        }
        body ul:nth-child(2) li:nth-child(120):before, body ul:nth-child(2) li:nth-child(120):after {
            -webkit-animation-delay: -1.875s;
            animation-delay: -1.875s;
        }
        body ul:nth-child(2) li:nth-child(121) {
            -webkit-transform: rotate(-15.2712806269deg);
            transform: rotate(-15.2712806269deg);
        }
        body ul:nth-child(2) li:nth-child(121):before, body ul:nth-child(2) li:nth-child(121):after {
            -webkit-animation-delay: -1.890625s;
            animation-delay: -1.890625s;
        }
        body ul:nth-child(2) li:nth-child(122) {
            -webkit-transform: rotate(-13.5460660293deg);
            transform: rotate(-13.5460660293deg);
        }
        body ul:nth-child(2) li:nth-child(122):before, body ul:nth-child(2) li:nth-child(122):after {
            -webkit-animation-delay: -1.90625s;
            animation-delay: -1.90625s;
        }
        body ul:nth-child(2) li:nth-child(123) {
            -webkit-transform: rotate(-11.4907690939deg);
            transform: rotate(-11.4907690939deg);
        }
        body ul:nth-child(2) li:nth-child(123):before, body ul:nth-child(2) li:nth-child(123):after {
            -webkit-animation-delay: -1.921875s;
            animation-delay: -1.921875s;
        }
        body ul:nth-child(2) li:nth-child(124) {
            -webkit-transform: rotate(-9.1493592955deg);
            transform: rotate(-9.1493592955deg);
        }
        body ul:nth-child(2) li:nth-child(124):before, body ul:nth-child(2) li:nth-child(124):after {
            -webkit-animation-delay: -1.9375s;
            animation-delay: -1.9375s;
        }
        body ul:nth-child(2) li:nth-child(125) {
            -webkit-transform: rotate(-6.5720781386deg);
            transform: rotate(-6.5720781386deg);
        }
        body ul:nth-child(2) li:nth-child(125):before, body ul:nth-child(2) li:nth-child(125):after {
            -webkit-animation-delay: -1.953125s;
            animation-delay: -1.953125s;
        }
        body ul:nth-child(2) li:nth-child(126) {
            -webkit-transform: rotate(-3.8143454526deg);
            transform: rotate(-3.8143454526deg);
        }
        body ul:nth-child(2) li:nth-child(126):before, body ul:nth-child(2) li:nth-child(126):after {
            -webkit-animation-delay: -1.96875s;
            animation-delay: -1.96875s;
        }
        body ul:nth-child(2) li:nth-child(127) {
            -webkit-transform: rotate(-0.9355491986deg);
            transform: rotate(-0.9355491986deg);
        }
        body ul:nth-child(2) li:nth-child(127):before, body ul:nth-child(2) li:nth-child(127):after {
            -webkit-animation-delay: -1.984375s;
            animation-delay: -1.984375s;
        }
        body ul:nth-child(2) li:nth-child(128) {
            -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
        }
        body ul:nth-child(2) li:nth-child(128):before, body ul:nth-child(2) li:nth-child(128):after {
            -webkit-animation-delay: -2s;
            animation-delay: -2s;
        }
        body ul:nth-child(2) li:nth-child(129) {
            -webkit-transform: rotate(4.9322004015deg);
            transform: rotate(4.9322004015deg);
        }
        body ul:nth-child(2) li:nth-child(129):before, body ul:nth-child(2) li:nth-child(129):after {
            -webkit-animation-delay: -2.015625s;
            animation-delay: -2.015625s;
        }
        body ul:nth-child(2) li:nth-child(130) {
            -webkit-transform: rotate(7.7960629984deg);
            transform: rotate(7.7960629984deg);
        }
        body ul:nth-child(2) li:nth-child(130):before, body ul:nth-child(2) li:nth-child(130):after {
            -webkit-animation-delay: -2.03125s;
            animation-delay: -2.03125s;
        }
        body ul:nth-child(2) li:nth-child(131) {
            -webkit-transform: rotate(10.5294548885deg);
            transform: rotate(10.5294548885deg);
        }
        body ul:nth-child(2) li:nth-child(131):before, body ul:nth-child(2) li:nth-child(131):after {
            -webkit-animation-delay: -2.046875s;
            animation-delay: -2.046875s;
        }
        body ul:nth-child(2) li:nth-child(132) {
            -webkit-transform: rotate(13.0729752212deg);
            transform: rotate(13.0729752212deg);
        }
        body ul:nth-child(2) li:nth-child(132):before, body ul:nth-child(2) li:nth-child(132):after {
            -webkit-animation-delay: -2.0625s;
            animation-delay: -2.0625s;
        }
        body ul:nth-child(2) li:nth-child(133) {
            -webkit-transform: rotate(15.3712416033deg);
            transform: rotate(15.3712416033deg);
        }
        body ul:nth-child(2) li:nth-child(133):before, body ul:nth-child(2) li:nth-child(133):after {
            -webkit-animation-delay: -2.078125s;
            animation-delay: -2.078125s;
        }
        body ul:nth-child(2) li:nth-child(134) {
            -webkit-transform: rotate(17.3740897387deg);
            transform: rotate(17.3740897387deg);
        }
        body ul:nth-child(2) li:nth-child(134):before, body ul:nth-child(2) li:nth-child(134):after {
            -webkit-animation-delay: -2.09375s;
            animation-delay: -2.09375s;
        }
        body ul:nth-child(2) li:nth-child(135) {
            -webkit-transform: rotate(19.0376603304deg);
            transform: rotate(19.0376603304deg);
        }
        body ul:nth-child(2) li:nth-child(135):before, body ul:nth-child(2) li:nth-child(135):after {
            -webkit-animation-delay: -2.109375s;
            animation-delay: -2.109375s;
        }
        body ul:nth-child(2) li:nth-child(136) {
            -webkit-transform: rotate(20.3253497152deg);
            transform: rotate(20.3253497152deg);
        }
        body ul:nth-child(2) li:nth-child(136):before, body ul:nth-child(2) li:nth-child(136):after {
            -webkit-animation-delay: -2.125s;
            animation-delay: -2.125s;
        }
        body ul:nth-child(2) li:nth-child(137) {
            -webkit-transform: rotate(21.2086036501deg);
            transform: rotate(21.2086036501deg);
        }
        body ul:nth-child(2) li:nth-child(137):before, body ul:nth-child(2) li:nth-child(137):after {
            -webkit-animation-delay: -2.140625s;
            animation-delay: -2.140625s;
        }
        body ul:nth-child(2) li:nth-child(138) {
            -webkit-transform: rotate(21.6675370621deg);
            transform: rotate(21.6675370621deg);
        }
        body ul:nth-child(2) li:nth-child(138):before, body ul:nth-child(2) li:nth-child(138):after {
            -webkit-animation-delay: -2.15625s;
            animation-delay: -2.15625s;
        }
        body ul:nth-child(2) li:nth-child(139) {
            -webkit-transform: rotate(21.6913663441deg);
            transform: rotate(21.6913663441deg);
        }
        body ul:nth-child(2) li:nth-child(139):before, body ul:nth-child(2) li:nth-child(139):after {
            -webkit-animation-delay: -2.171875s;
            animation-delay: -2.171875s;
        }
        body ul:nth-child(2) li:nth-child(140) {
            -webkit-transform: rotate(21.2786448327deg);
            transform: rotate(21.2786448327deg);
        }
        body ul:nth-ch.........完整代码请登录后点击上方下载按钮下载查看

网友评论0