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