div+css实现三维立方体雪地雪人下雪动画代码
代码语言：html
所属分类：三维
代码描述：div+css实现三维立方体雪地雪人下雪动画代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<link rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@100&display=swap'>
<style>
body {
display: grid;
place-items: center;
height: 100vh;
font-family: "Barlow Semi Condensed", sans-serif;
background: #000;
}
div {
transform-style: preserve-3d;
}
.container {
position: relative;
display: grid;
grid-template-rows: repeat(20, 5vh);
grid-template-columns: repeat(20, 5vw);
transform-style: preserve-3d;
cursor: zoom-in;
}
.container:active .monitor {
transform: scale3d(2, 2, 2);
}
.monitor {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
perspective: 900px;
transition: 300ms;
}
.trigger {
position: relative;
}
.trigger:nth-child(1):hover ~ .monitor .camera.-x {
transform: rotateX(-88deg);
}
.trigger:nth-child(1):hover ~ .monitor .camera.-y {
transform: rotateY(-158deg);
}
.trigger:nth-child(2):hover ~ .monitor .camera.-x {
transform: rotateX(-88deg);
}
.trigger:nth-child(2):hover ~ .monitor .camera.-y {
transform: rotateY(-140deg);
}
.trigger:nth-child(3):hover ~ .monitor .camera.-x {
transform: rotateX(-88deg);
}
.trigger:nth-child(3):hover ~ .monitor .camera.-y {
transform: rotateY(-122deg);
}
.trigger:nth-child(4):hover ~ .monitor .camera.-x {
transform: rotateX(-88deg);
}
.trigger:nth-child(4):hover ~ .monitor .camera.-y {
transform: rotateY(-104deg);
}
.trigger:nth-child(5):hover ~ .monitor .camera.-x {
transform: rotateX(-88deg);
}
.trigger:nth-child(5):hover ~ .monitor .camera.-y {
transform: rotateY(-86deg);
}
.trigger:nth-child(6):hover ~ .monitor .camera.-x {
transform: rotateX(-88deg);
}
.trigger:nth-child(6):hover ~ .monitor .camera.-y {
transform: rotateY(-68deg);
}
.trigger:nth-child(7):hover ~ .monitor .camera.-x {
transform: rotateX(-88deg);
}
.trigger:nth-child(7):hover ~ .monitor .camera.-y {
transform: rotateY(-50deg);
}
.trigger:nth-child(8):hover ~ .monitor .camera.-x {
transform: rotateX(-88deg);
}
.trigger:nth-child(8):hover ~ .monitor .camera.-y {
transform: rotateY(-32deg);
}
.trigger:nth-child(9):hover ~ .monitor .camera.-x {
transform: rotateX(-88deg);
}
.trigger:nth-child(9):hover ~ .monitor .camera.-y {
transform: rotateY(-14deg);
}
.trigger:nth-child(10):hover ~ .monitor .camera.-x {
transform: rotateX(-88deg);
}
.trigger:nth-child(10):hover ~ .monitor .camera.-y {
transform: rotateY(4deg);
}
.trigger:nth-child(11):hover ~ .monitor .camera.-x {
transform: rotateX(-88deg);
}
.trigger:nth-child(11):hover ~ .monitor .camera.-y {
transform: rotateY(22deg);
}
.trigger:nth-child(12):hover ~ .monitor .camera.-x {
transform: rotateX(-88deg);
}
.trigger:nth-child(12):hover ~ .monitor .camera.-y {
transform: rotateY(40deg);
}
.trigger:nth-child(13):hover ~ .monitor .camera.-x {
transform: rotateX(-88deg);
}
.trigger:nth-child(13):hover ~ .monitor .camera.-y {
transform: rotateY(58deg);
}
.trigger:nth-child(14):hover ~ .monitor .camera.-x {
transform: rotateX(-88deg);
}
.trigger:nth-child(14):hover ~ .monitor .camera.-y {
transform: rotateY(76deg);
}
.trigger:nth-child(15):hover ~ .monitor .camera.-x {
transform: rotateX(-88deg);
}
.trigger:nth-child(15):hover ~ .monitor .camera.-y {
transform: rotateY(94deg);
}
.trigger:nth-child(16):hover ~ .monitor .camera.-x {
transform: rotateX(-88deg);
}
.trigger:nth-child(16):hover ~ .monitor .camera.-y {
transform: rotateY(112deg);
}
.trigger:nth-child(17):hover ~ .monitor .camera.-x {
transform: rotateX(-88deg);
}
.trigger:nth-child(17):hover ~ .monitor .camera.-y {
transform: rotateY(130deg);
}
.trigger:nth-child(18):hover ~ .monitor .camera.-x {
transform: rotateX(-88deg);
}
.trigger:nth-child(18):hover ~ .monitor .camera.-y {
transform: rotateY(148deg);
}
.trigger:nth-child(19):hover ~ .monitor .camera.-x {
transform: rotateX(-88deg);
}
.trigger:nth-child(19):hover ~ .monitor .camera.-y {
transform: rotateY(166deg);
}
.trigger:nth-child(20):hover ~ .monitor .camera.-x {
transform: rotateX(-88deg);
}
.trigger:nth-child(20):hover ~ .monitor .camera.-y {
transform: rotateY(184deg);
}
.trigger:nth-child(21):hover ~ .monitor .camera.-x {
transform: rotateX(-80deg);
}
.trigger:nth-child(21):hover ~ .monitor .camera.-y {
transform: rotateY(-158deg);
}
.trigger:nth-child(22):hover ~ .monitor .camera.-x {
transform: rotateX(-80deg);
}
.trigger:nth-child(22):hover ~ .monitor .camera.-y {
transform: rotateY(-140deg);
}
.trigger:nth-child(23):hover ~ .monitor .camera.-x {
transform: rotateX(-80deg);
}
.trigger:nth-child(23):hover ~ .monitor .camera.-y {
transform: rotateY(-122deg);
}
.trigger:nth-child(24):hover ~ .monitor .camera.-x {
transform: rotateX(-80deg);
}
.trigger:nth-child(24):hover ~ .monitor .camera.-y {
transform: rotateY(-104deg);
}
.trigger:nth-child(25):hover ~ .monitor .camera.-x {
transform: rotateX(-80deg);
}
.trigger:nth-child(25):hover ~ .monitor .camera.-y {
transform: rotateY(-86deg);
}
.trigger:nth-child(26):hover ~ .monitor .camera.-x {
transform: rotateX(-80deg);
}
.trigger:nth-child(26):hover ~ .monitor .camera.-y {
transform: rotateY(-68deg);
}
.trigger:nth-child(27):hover ~ .monitor .camera.-x {
transform: rotateX(-80deg);
}
.trigger:nth-child(27):hover ~ .monitor .camera.-y {
transform: rotateY(-50deg);
}
.trigger:nth-child(28):hover ~ .monitor .camera.-x {
transform: rotateX(-80deg);
}
.trigger:nth-child(28):hover ~ .monitor .camera.-y {
transform: rotateY(-32deg);
}
.trigger:nth-child(29):hover ~ .monitor .camera.-x {
transform: rotateX(-80deg);
}
.trigger:nth-child(29):hover ~ .monitor .camera.-y {
transform: rotateY(-14deg);
}
.trigger:nth-child(30):hover ~ .monitor .camera.-x {
transform: rotateX(-80deg);
}
.trigger:nth-child(30):hover ~ .monitor .camera.-y {
transform: rotateY(4deg);
}
.trigger:nth-child(31):hover ~ .monitor .camera.-x {
transform: rotateX(-80deg);
}
.trigger:nth-child(31):hover ~ .monitor .camera.-y {
transform: rotateY(22deg);
}
.trigger:nth-child(32):hover ~ .monitor .camera.-x {
transform: rotateX(-80deg);
}
.trigger:nth-child(32):hover ~ .monitor .camera.-y {
transform: rotateY(40deg);
}
.trigger:nth-child(33):hover ~ .monitor .camera.-x {
transform: rotateX(-80deg);
}
.trigger:nth-child(33):hover ~ .monitor .camera.-y {
transform: rotateY(58deg);
}
.trigger:nth-child(34):hover ~ .monitor .camera.-x {
transform: rotateX(-80deg);
}
.trigger:nth-child(34):hover ~ .monitor .camera.-y {
transform: rotateY(76deg);
}
.trigger:nth-child(35):hover ~ .monitor .camera.-x {
transform: rotateX(-80deg);
}
.trigger:nth-child(35):hover ~ .monitor .camera.-y {
transform: rotateY(94deg);
}
.trigger:nth-child(36):hover ~ .monitor .camera.-x {
transform: rotateX(-80deg);
}
.trigger:nth-child(36):hover ~ .monitor .camera.-y {
transform: rotateY(112deg);
}
.trigger:nth-child(37):hover ~ .monitor .camera.-x {
transform: rotateX(-80deg);
}
.trigger:nth-child(37):hover ~ .monitor .camera.-y {
transform: rotateY(130deg);
}
.trigger:nth-child(38):hover ~ .monitor .camera.-x {
transform: rotateX(-80deg);
}
.trigger:nth-child(38):hover ~ .monitor .camera.-y {
transform: rotateY(148deg);
}
.trigger:nth-child(39):hover ~ .monitor .camera.-x {
transform: rotateX(-80deg);
}
.trigger:nth-child(39):hover ~ .monitor .camera.-y {
transform: rotateY(166deg);
}
.trigger:nth-child(40):hover ~ .monitor .camera.-x {
transform: rotateX(-80deg);
}
.trigger:nth-child(40):hover ~ .monitor .camera.-y {
transform: rotateY(184deg);
}
.trigger:nth-child(41):hover ~ .monitor .camera.-x {
transform: rotateX(-72deg);
}
.trigger:nth-child(41):hover ~ .monitor .camera.-y {
transform: rotateY(-158deg);
}
.trigger:nth-child(42):hover ~ .monitor .camera.-x {
transform: rotateX(-72deg);
}
.trigger:nth-child(42):hover ~ .monitor .camera.-y {
transform: rotateY(-140deg);
}
.trigger:nth-child(43):hover ~ .monitor .camera.-x {
transform: rotateX(-72deg);
}
.trigger:nth-child(43):hover ~ .monitor .camera.-y {
transform: rotateY(-122deg);
}
.trigger:nth-child(44):hover ~ .monitor .camera.-x {
transform: rotateX(-72deg);
}
.trigger:nth-child(44):hover ~ .monitor .camera.-y {
transform: rotateY(-104deg);
}
.trigger:nth-child(45):hover ~ .monitor .camera.-x {
transform: rotateX(-72deg);
}
.trigger:nth-child(45):hover ~ .monitor .camera.-y {
transform: rotateY(-86deg);
}
.trigger:nth-child(46):hover ~ .monitor .camera.-x {
transform: rotateX(-72deg);
}
.trigger:nth-child(46):hover ~ .monitor .camera.-y {
transform: rotateY(-68deg);
}
.trigger:nth-child(47):hover ~ .monitor .camera.-x {
transform: rotateX(-72deg);
}
.trigger:nth-child(47):hover ~ .monitor .camera.-y {
transform: rotateY(-50deg);
}
.trigger:nth-child(48):hover ~ .monitor .camera.-x {
transform: rotateX(-72deg);
}
.trigger:nth-child(48):hover ~ .monitor .camera.-y {
transform: rotateY(-32deg);
}
.trigger:nth-child(49):hover ~ .monitor .camera.-x {
transform: rotateX(-72deg);
}
.trigger:nth-child(49):hover ~ .monitor .camera.-y {
transform: rotateY(-14deg);
}
.trigger:nth-child(50):hover ~ .monitor .camera.-x {
transform: rotateX(-72deg);
}
.trigger:nth-child(50):hover ~ .monitor .camera.-y {
transform: rotateY(4deg);
}
.trigger:nth-child(51):hover ~ .monitor .camera.-x {
transform: rotateX(-72deg);
}
.trigger:nth-child(51):hover ~ .monitor .camera.-y {
transform: rotateY(22deg);
}
.trigger:nth-child(52):hover ~ .monitor .camera.-x {
transform: rotateX(-72deg);
}
.trigger:nth-child(52):hover ~ .monitor .camera.-y {
transform: rotateY(40deg);
}
.trigger:nth-child(53):hover ~ .monitor .camera.-x {
transform: rotateX(-72deg);
}
.trigger:nth-child(53):hover ~ .monitor .camera.-y {
transform: rotateY(58deg);
}
.trigger:nth-child(54):hover ~ .monitor .camera.-x {
transform: rotateX(-72deg);
}
.trigger:nth-child(54):hover ~ .monitor .camera.-y {
transform: rotateY(76deg);
}
.trigger:nth-child(55):hover ~ .monitor .camera.-x {
transform: rotateX(-72deg);
}
.trigger:nth-child(55):hover ~ .monitor .camera.-y {
transform: rotateY(94deg);
}
.trigger:nth-child(56):hover ~ .monitor .camera.-x {
transform: rotateX(-72deg);
}
.trigger:nth-child(56):hover ~ .monitor .camera.-y {
transform: rotateY(112deg);
}
.trigger:nth-child(57):hover ~ .monitor .camera.-x {
transform: rotateX(-72deg);
}
.trigger:nth-child(57):hover ~ .monitor .camera.-y {
transform: rotateY(130deg);
}
.trigger:nth-child(58):hover ~ .monitor .camera.-x {
transform: rotateX(-72deg);
}
.trigger:nth-child(58):hover ~ .monitor .camera.-y {
transform: rotateY(148deg);
}
.trigger:nth-child(59):hover ~ .monitor .camera.-x {
transform: rotateX(-72deg);
}
.trigger:nth-child(59):hover ~ .monitor .camera.-y {
transform: rotateY(166deg);
}
.trigger:nth-child(60):hover ~ .monitor .camera.-x {
transform: rotateX(-72deg);
}
.trigger:nth-child(60):hover ~ .monitor .camera.-y {
transform: rotateY(184deg);
}
.trigger:nth-child(61):hover ~ .monitor .camera.-x {
transform: rotateX(-64deg);
}
.trigger:nth-child(61):hover ~ .monitor .camera.-y {
transform: rotateY(-158deg);
}
.trigger:nth-child(62):hover ~ .monitor .camera.-x {
transform: rotateX(-64deg);
}
.trigger:nth-child(62):hover ~ .monitor .camera.-y {
transform: rotateY(-140deg);
}
.trigger:nth-child(63):hover ~ .monitor .camera.-x {
transform: rotateX(-64deg);
}
.trigger:nth-child(63):hover ~ .monitor .camera.-y {
transform: rotateY(-122deg);
}
.trigger:nth-child(64):hover ~ .monitor .camera.-x {
transform: rotateX(-64deg);
}
.trigger:nth-child(64):hover ~ .monitor .camera.-y {
transform: rotateY(-104deg);
}
.trigger:nth-child(65):hover ~ .monitor .camera.-x {
transform: rotateX(-64deg);
}
.trigger:nth-child(65):hover ~ .monitor .camera.-y {
transform: rotateY(-86deg);
}
.trigger:nth-child(66):hover ~ .monitor .camera.-x {
transform: rotateX(-64deg);
}
.trigger:nth-child(66):hover ~ .monitor .camera.-y {
transform: rotateY(-68deg);
}
.trigger:nth-child(67):hover ~ .monitor .camera.-x {
transform: rotateX(-64deg);
}
.trigger:nth-child(67):hover ~ .monitor .camera.-y {
transform: rotateY(-50deg);
}
.trigger:nth-child(68):hover ~ .monitor .camera.-x {
transform: rotateX(-64deg);
}
.trigger:nth-child(68):hover ~ .monitor .camera.-y {
transform: rotateY(-32deg);
}
.trigger:nth-child(69):hover ~ .monitor .camera.-x {
transform: rotateX(-64deg);
}
.trigger:nth-child(69):hover ~ .monitor .camera.-y {
transform: rotateY(-14deg);
}
.trigger:nth-child(70):hover ~ .monitor .camera.-x {
transform: rotateX(-64deg);
}
.trigger:nth-child(70):hover ~ .monitor .camera.-y {
transform: rotateY(4deg);
}
.trigger:nth-child(71):hover ~ .monitor .camera.-x {
transform: rotateX(-64deg);
}
.trigger:nth-child(71):hover ~ .monitor .camera.-y {
transform: rotateY(22deg);
}
.trigger:nth-child(72):hover ~ .monitor .camera.-x {
transform: rotateX(-64deg);
}
.trigger:nth-child(72):hover ~ .monitor .camera.-y {
transform: rotateY(40deg);
}
.trigger:nth-child(73):hover ~ .monitor .camera.-x {
transform: rotateX(-64deg);
}
.trigger:nth-child(73):hover ~ .monitor .camera.-y {
transform: rotateY(58deg);
}
.trigger:nth-child(74):hover ~ .monitor .camera.-x {
transform: rotateX(-64deg);
}
.trigger:nth-child(74):hover ~ .monitor .camera.-y {
transform: rotateY(76deg);
}
.trigger:nth-child(75):hover ~ .monitor .camera.-x {
transform: rotateX(-64deg);
}
.trigger:nth-child(75):hover ~ .monitor .camera.-y {
transform: rotateY(94deg);
}
.trigger:nth-child(76):hover ~ .monitor .camera.-x {
transform: rotateX(-64deg);
}
.trigger:nth-child(76):hover ~ .monitor .camera.-y {
transform: rotateY(112deg);
}
.trigger:nth-child(77):hover ~ .monitor .camera.-x {
transform: rotateX(-64deg);
}
.trigger:nth-child(77):hover ~ .monitor .camera.-y {
transform: rotateY(130deg);
}
.trigger:nth-child(78):hover ~ .monitor .camera.-x {
transform: rotateX(-64deg);
}
.trigger:nth-child(78):hover ~ .monitor .camera.-y {
transform: rotateY(148deg);
}
.trigger:nth-child(79):hover ~ .monitor .camera.-x {
transform: rotateX(-64deg);
}
.trigger:nth-child(79):hover ~ .monitor .camera.-y {
transform: rotateY(166deg);
}
.trigger:nth-child(80):hover ~ .monitor .camera.-x {
transform: rotateX(-64deg);
}
.trigger:nth-child(80):hover ~ .monitor .camera.-y {
transform: rotateY(184deg);
}
.trigger:nth-child(81):hover ~ .monitor .camera.-x {
transform: rotateX(-56deg);
}
.trigger:nth-child(81):hover ~ .monitor .camera.-y {
transform: rotateY(-158deg);
}
.trigger:nth-child(82):hover ~ .monitor .camera.-x {
transform: rotateX(-56deg);
}
.trigger:nth-child(82):hover ~ .monitor .camera.-y {
transform: rotateY(-140deg);
}
.trigger:nth-child(83):hover ~ .monitor .camera.-x {
transform: rotateX(-56deg);
}
.trigger:nth-child(83):hover ~ .monitor .camera.-y {
transform: rotateY(-122deg);
}
.trigger:nth-child(84):hover ~ .monitor .camera.-x {
transform: rotateX(-56deg);
}
.trigger:nth-child(84):hover ~ .monitor .camera.-y {
transform: rotateY(-104deg);
}
.trigger:nth-child(85):hover ~ .monitor .camera.-x {
transform: rotateX(-56deg);
}
.trigger:nth-child(85):hover ~ .monitor .camera.-y {
transform: rotateY(-86deg);
}
.trigger:nth-child(86):hover ~ .monitor .camera.-x {
transform: rotateX(-56deg);
}
.trigger:nth-child(86):hover ~ .monitor .camera.-y {
transform: rotateY(-68deg);
}
.trigger:nth-child(87):hover ~ .monitor .camera.-x {
transform: rotateX(-56deg);
}
.trigger:nth-child(87):hover ~ .monitor .camera.-y {
transform: rotateY(-50deg);
}
.trigger:nth-child(88):hover ~ .monitor .camera.-x {
transform: rotateX(-56deg);
}
.trigger:nth-child(88):hover ~ .monitor .camera.-y {
transform: rotateY(-32deg);
}
.trigger:nth-child(89):hover ~ .monitor .camera.-x {
transform: rotateX(-56deg);
}
.trigger:nth-child(89):hover ~ .monitor .camera.-y {
transform: rotateY(-14deg);
}
.trigger:nth-child(90):hover ~ .monitor .camera.-x {
transform: rotateX(-56deg);
}
.trigger:nth-child(90):hover ~ .monitor .camera.-y {
transform: rotateY(4deg);
}
.trigger:nth-child(91):hover ~ .monitor .camera.-x {
transform: rotateX(-56deg);
}
.trigger:nth-child(91):hover ~ .monitor .camera.-y {
transform: rotateY(22deg);
}
.trigger:nth-child(92):hover ~ .monitor .camera.-x {
transform: rotateX(-56deg);
}
.trigger:nth-child(92):hover ~ .monitor .camera.-y {
transform: rotateY(40deg);
}
.trigger:nth-child(93):hover ~ .monitor .camera.-x {
transform: rotateX(-56deg);
}
.trigger:nth-child(93):hover ~ .monitor .camera.-y {
transform: rotateY(58deg);
}
.trigger:nth-child(94):hover ~ .monitor .camera.-x {
transform: rotateX(-56deg);
}
.trigger:nth-child(94):hover ~ .monitor .camera.-y {
transform: rotateY(76deg);
}
.trigger:nth-child(95):hover ~ .monitor .camera.-x {
transform: rotateX(-56deg);
}
.trigger:nth-child(95):hover ~ .monitor .camera.-y {
transform: rotateY(94deg);
}
.trigger:nth-child(96):hover ~ .monitor .camera.-x {
transform: rotateX(-56deg);
}
.trigger:nth-child(96):hover ~ .monitor .camera.-y {
transform: rotateY(112deg);
}
.trigger:nth-child(97):hover ~ .monitor .camera.-x {
transform: rotateX(-56deg);
}
.trigger:nth-child(97):hover ~ .monitor .camera.-y {
transform: rotateY(130deg);
}
.trigger:nth-child(98):hover ~ .monitor .camera.-x {
transform: rotateX(-56deg);
}
.trigger:nth-child(98):hover ~ .monitor .camera.-y {
transform: rotateY(148deg);
}
.trigger:nth-child(99):hover ~ .monitor .camera.-x {
transform: rotateX(-56deg);
}
.trigger:nth-child(99):hover ~ .monitor .camera.-y {
transform: rotateY(166deg);
}
.trigger:nth-child(100):hover ~ .monitor .camera.-x {
transform: rotateX(-56deg);
}
.trigger:nth-child(100):hover ~ .monitor .camera.-y {
transform: rotateY(184deg);
}
.trigger:nth-child(101):hover ~ .monitor .camera.-x {
transform: rotateX(-48deg);
}
.trigger:nth-child(101):hover ~ .monitor .camera.-y {
transform: rotateY(-158deg);
}
.trigger:nth-child(102):hover ~ .monitor .camera.-x {
transform: rotateX(-48deg);
}
.trigger:nth-child(102):hover ~ .monitor .camera.-y {
transform: rotateY(-140deg);
}
.trigger:nth-child(103):hover ~ .monitor .camera.-x {
transform: rotateX(-48deg);
}
.trigger:nth-child(103):hover ~ .monitor .camera.-y {
transform: rotateY(-122deg);
}
.trigger:nth-child(104):hover ~ .monitor .camera.-x {
transform: rotateX(-48deg);
}
.trigger:nth-child(104):hover ~ .monitor .camera.-y {
transform: rotateY(-104deg);
}
.trigger:nth-child(105):hover ~ .monitor .camera.-x {
transform: rotateX(-48deg);
}
.trigger:nth-child(105):hover ~ .monitor .camera.-y {
transform: rotateY(-86deg);
}
.trigger:nth-child(106):hover ~ .monitor .camera.-x {
transform: rotateX(-48deg);
}
.trigger:nth-child(106):hover ~ .monitor .camera.-y {
transform: rotateY(-68deg);
}
.trigger:nth-child(107):hover ~ .monitor .camera.-x {
transform: rotateX(-48deg);
}
.trigger:nth-child(107):hover ~ .monitor .camera.-y {
transform: rotateY(-50deg);
}
.trigger:nth-child(108):hover ~ .monitor .camera.-x {
transform: rotateX(-48deg);
}
.trigger:nth-child(108):hover ~ .monitor .camera.-y {
transform: rotateY(-32deg);
}
.trigger:nth-child(109):hover ~ .monitor .camera.-x {
transform: rotateX(-48deg);
}
.trigger:nth-child(109):hover ~ .monitor .camera.-y {
transform: rotateY(-14deg);
}
.trigger:nth-child(110):hover ~ .monitor .camera.-x {
transform: rotateX(-48deg);
}
.trigger:nth-child(110):hover ~ .monitor .camera.-y {
transform: rotateY(4deg);
}
.trigger:nth-child(111):hover ~ .monitor .camera.-x {
transform: rotateX(-48deg);
}
.trigger:nth-child(111):hover ~ .monitor .camera.-y {
transform: rotateY(22deg);
}
.trigger:nth-child(112):hover ~ .monitor .camera.-x {
transform: rotateX(-48deg);
}
.trigger:nth-child(112):hover ~ .monitor .camera.-y {
transform: rotateY(40deg);
}
.trigger:nth-child(113):hover ~ .monitor .camera.-x {
transform: rotateX(-48deg);
}
.trigger:nth-child(113):hover ~ .monitor .camera.-y {
transform: rotateY(58deg);
}
.trigger:nth-child(114):hover ~ .monitor .camera.-x {
transform: rotateX(-48deg);
}
.trigger:nth-child(114):hover ~ .monitor .camera.-y {
transform: rotateY(76deg);
}
.trigger:nth-child(115):hover ~ .monitor .camera.-x {
transform: rotateX(-48deg);
}
.trigger:nth-child(115):hover ~ .monitor .camera.-y {
transform: rotateY(94deg);
}
.trigger:nth-child(116):hover ~ .monitor .camera.-x {
transform: rotateX(-48deg);
}
.trigger:nth-child(116):hover ~ .monitor .camera.-y {
transform: rotateY(112deg);
}
.trigger:nth-child(117):hover ~ .monitor .camera.-x {
transform: rotateX(-48deg);
}
.trigger:nth-child(117):hover ~ .monitor .camera.-y {
transform: rotateY(130deg);
}
.trigger:nth-child(118):hover ~ .monitor .camera.-x {
transform: rotateX(-48deg);
}
.trigger:nth-child(118):hover ~ .monitor .camera.-y {
transform: rotateY(148deg);
}
.trigger:nth-child(119):hover ~ .monitor .camera.-x {
transform: rotateX(-48deg);
}
.trigger:nth-child(119):hover ~ .monitor .camera.-y {
transform: rotateY(166deg);
}
.trigger:nth-child(120):hover ~ .monitor .camera.-x {
transform: rotateX(-48deg);
}
.trigger:nth-child(120):hover ~ .monitor .camera.-y {
transform: rotateY(184deg);
}
.trigger:nth-child(121):hover ~ .monitor .camera.-x {
transform: rotateX(-40deg);
}
.trigger:nth-child(121):hover ~ .monitor .camera.-y {
transform: rotateY(-158deg);
}
.trigger:nth-child(122):hover ~ .monitor .camera.-x {
transform: rotateX(-40deg);
}
.trigger:nth-child(122):hover ~ .monitor .camera.-y {
transform: rotateY(-140deg);
}
.trigger:nth-child(123):hover ~ .monitor .camera.-x {
transform: rotateX(-40deg);
}
.trigger:nth-child(123):hover ~ .monitor .camera.-y {
transform: rotateY(-122deg);
}
.trigger:nth-child(124):hover ~ .monitor .camera.-x {
transform: rotateX(-40deg);
}
.trigger:nth-child(124):hover ~ .monitor .camera.-y {
transform: rotateY(-104deg);
}
.trigger:nth-child(125):hover ~ .monitor .camera.-x {
transform: rotateX(-40deg);
}
.trigger:nth-child(125):hover ~ .monitor .camera.-y {
transform: rotateY(-86deg);
}
.trigger:nth-child(126):hover ~ .monitor .camera.-x {
transform: rotateX(-40deg);
}
.trigger:nth-child(126):hover ~ .monitor .camera.-y {
transform: rotateY(-68deg);
}
.trigger:nth-child(127):hover ~ .monitor .camera.-x {
transform: rotateX(-40deg);
}
.trigger:nth-child(127):hover ~ .monitor .camera.-y {
transform: rotateY(-50deg);
}
.trigger:nth-child(128):hover ~ .monitor .camera.-x {
transform: rotateX(-40deg);
}
.trigger:nth-child(128):hover ~ .monitor .camera.-y {
transform: rotateY(-32deg);
}
.trigger:nth-child(129):hover ~ .monitor .camera.-x {
transform: rotateX(-40deg);
}
.trigger:nth-child(129):hover ~ .monitor .camera.-y {
transform: rotateY(-14deg);
}
.trigger:nth-child(130):hover ~ .monitor .camera.-x {
transform: rotateX(-40deg);
}
.trigger:nth-child(130):hover ~ .monitor .camera.-y {
transform: rotateY(4deg);
}
.trigger:nth-child(131):hover ~ .monitor .camera.-x {
transform: rotateX(-40deg);
}
.trigger:nth-child(131):hover ~ .monitor .camera.-y {
transform: rotateY(22deg);
}
.trigger:nth-child(132):hover ~ .monitor .camera.-x {
transform: rotateX(-40deg);
}
.trigger:nth-child(132):hover ~ .monitor .camera.-y {
transform: rotateY(40deg);
}
.trigger:nth-child(133):hover ~ .monitor .camera.-x {
transform: rotateX(-40deg);
}
.trigger:nth-child(133):hover ~ .monitor .camera.-y {
transform: rotateY(58deg);
}
.trigger:nth-child(134):hover ~ .monitor .camera.-x {
transform: rotateX(-40deg);
}
.trigger:nth-child(134):hover ~ .monitor .camera.-y {
transform: rotateY(76deg);
}
.trigger:nth-child(135):hover ~ .monitor .camera.-x {
transform: rotateX(-40deg);
}
.trigger:nth-child(135):hover ~ .monitor .camera.-y {
transform: rotateY(94deg);
}
.trigger:nth-child(136):hover ~ .monitor .camera.-x {
transform: rotateX(-40deg);
}
.trigger:nth-child(136):hover ~ .monitor .camera.-y {
transform: rotateY(112deg);
}
.trigger:nth-child(137):hover ~ .monitor .camera.-x {
transform: rotateX(-40deg);
}
.trigger:nth-child(137):hover ~ .monitor .camera.-y {
transform: rotateY(130deg);
}
.trigger:nth-child(138):hover ~ .monitor .camera.-x {
transform: rotateX(-40deg);
}
.trigger:nth-child(138):hover ~ .monitor .camera.-y {
transform: rotateY(148deg);
}
.trigger:nth-child(139):hover ~ .monitor .camera.-x {
transform: rotateX(-40deg);
}
.trigger:nth-child(139):hover ~ .monitor .camera.-y {
transform: rotateY(166deg);
}
.trigger:nth-child(140):hover ~ .monitor .camera.-x {
transform: rotateX(-40deg);
}
.trigger:nth-child(140):hover ~ .monitor .camera.-y {
transform: rotateY(184deg);
}
.trigger:nth-child(141):hover ~ .monitor .camera.-x {
transform: rotateX(-32deg);
}
.trigger:nth-child(141):hover ~ .monitor .camera.-y {
transform: rotateY(-158deg);
}
.trigger:nth-child(142):hover ~ .monitor .camera.-x {
transform: rotateX(-32deg);
}
.trigger:nth-child(142):hover ~ .monitor .camera.-y {
transform: rotateY(-140deg);
}
.trigger:nth-child(143):hover ~ .monitor .camera.-x {
transform: rotateX(-32deg);
}
.trigger:nth-child(143):hover ~ .monitor .camera.-y {
transform: rotateY(-122deg);
}
.trigger:nth-child(144):hover ~ .monitor .camera.-x {
transform: rotateX(-32deg);
}
.trigger:nth-child(144):hover ~ .monitor .camera.-y {
transform: rotateY(-104deg);
}
.trigger:nth-child(145):hover ~ .monitor .camera.-x {
transform: rotateX(-32deg);
}
.trigger:nth-child(145):hover ~ .monitor .camera.-y {
transform: rotateY(-86deg);
}
.trigger:nth-child(146):hover ~ .monitor .camera.-x {
transform: rotateX(-32deg);
}
.trigger:nth-child(146):hover ~ .monitor .camera.-y {
transform: rotateY(-68deg);
}
.trigger:nth-child(147):hover ~ .monitor .camera.-x {
transform: rotateX(-32deg);
}
.trigger:nth-child(147):hover ~ .monitor .camera.-y {
transform: rotateY(-50deg);
}
.trigger:nth-child(148):hover ~ .monitor .camera.-x {
transform: rotateX(-32deg);
}
.trigger:nth-child(148):hover ~ .monitor .camera.-y {
transform: rotateY(-32deg);
}
.trigger:nth-child(149):hover ~ .monitor .camera.-x {
transform: rotateX(-32deg);
}
.trigger:nth-child(149):hover ~ .monitor .camera.-y {
transform: rotateY(-14deg);
}
.trigger:nth-child(150):hover ~ .monitor .camera.-x {
transform: rotateX(-32deg);
}
.trigger:nth-child(150):hover ~ .monitor .camera.-y {
transform: rotateY(4deg);
}
.trigger:nth-child(151):hover ~ .monitor .camera.-x {
transform: rotateX(-32deg);
}
.trigger:nth-child(151):hover ~ .monitor .camera.-y {
transform: rotateY(22deg);
}
.trigger:nth-child(152):hover ~ .monitor .camera.-x {
transform: rotateX(-32deg);
}
.trigger:nth-child(152):hover ~ .monitor .camera.-y {
transform: rotateY(40deg);
}
.trigger:nth-child(153):hover ~ .monitor .camera.-x {
transform: rotateX(-32deg);
}
.trigger:nth-child(153):hover ~ .monitor .camera.-y {
transform: rotateY(58deg);
}
.trigger:nth-child(154):hover ~ .monitor .camera.-x {
transform: rotateX(-32deg);
}
.trigger:nth-child(154):hover ~ .monitor .camera.-y {
transform: rotateY(76deg);
}
.trigger:nth-child(155):hover ~ .monitor .camera.-x {
transform: rotateX(-32deg);
}
.trigger:nth-child(155):hover ~ .monitor .camera.-y {
transform: rotateY(94deg);
}
.trigger:nth-child(156):hover ~ .monitor .camera.-x {
transform: rotateX(-32deg);
}
.trigger:nth-child(156):hover ~ .monitor .camera.-y {
transform: rotateY(112deg);
}
.trigger:nth-child(157):hover ~ .monitor .camera.-x {
transform: rotateX(-32deg);
}
.trigger:nth-child(157):hover ~ .monitor .camera.-y {
transform: rotateY(130deg);
}
.trigger:nth-child(158):hover ~ .monitor .camera.-x {
transform: rotateX(-32deg);
}
.trigger:nth-child(158):hover ~ .monitor .camera.-y {
transform: rotateY(148deg);
}
.trigger:nth-child(159):hover ~ .monitor .camera.-x {
transform: rotateX(-32deg);
}
.trigger:nth-child(159):hover ~ .monitor .camera.-y {
transform: rotateY(166deg);
}
.trigger:nth-child(160):hover ~ .monitor .camera.-x {
transform: rotateX(-32deg);
}
.trigger:nth-child(160):hover ~ .monitor .camera.-y {
transform: rotateY(184deg);
}
.trigger:nth-child(161):hover ~ .monitor .camera.-x {
transform: rotateX(-24deg);
}
.trigger:nth-child(161):hover ~ .monitor .camera.-y {
transform: rotateY(-158deg);
}
.trigger:nth-child(162):hover ~ .monitor .camera.-x {
transform: rotateX(-24deg);
}
.trigger:nth-child(162):hover ~ .monitor .camera.-y {
transform: rotateY(-140deg);
}
.trigger:nth-child(163):hover ~ .monitor .camera.-x {
transform: rotateX(-24deg);
}
.trigger:nth-child(163):hover ~ .monitor .camera.-y {
transform: rotateY(-122deg);
}
.trigger:nth-child(164):hover ~ .monitor .camera.-x {
transform: rotateX(-24deg);
}
.trigger:nth-child(164):hover ~ .monitor .camera.-y {
transform: rotateY(-104deg);
}
.trigger:nth-child(165):hover ~ .monitor .camera.-x {
transform: rotateX(-24deg);
}
.trigger:nth-child(165):hover ~ .monitor .camera.-y {
transform: rotateY(-86deg);
}
.trigger:nth-child(166):hover ~ .monitor .camera.-x {
transform: rotateX(-24deg);
}
.trigger:nth-child(166):hover ~ .monitor .camera.-y {
transform: rotateY(-68deg);
}
.trigger:nth-child(167):hover ~ .monitor .camera.-x {
transform: rotateX(-24deg);
}
.trigger:nth-child(167):hover ~ .monitor .camera.-y {
transform: rotateY(-50deg);
}
.trigger:nth-child(168):hover ~ .monitor .camera.-x {
transform: rotateX(-24deg);
}
.trigger:nth-child(168):hover ~ .monitor .camera.-y {
transform: rotateY(-32deg);
}
.trigger:nth-child(169):hover ~ .monitor .camera.-x {
transform: rotateX(-24deg);
}
.trigger:nth-child(169):hover ~ .monitor .camera.-y {
transform: rotateY(-14deg);
}
.trigger:nth-child(170):hover ~ .monitor .camera.-x {
transform: rotateX(-24deg);
}
.trigger:nth-child(170):hover ~ .monitor .camera.-y {
transform: rotateY(4deg);
}
.trigger:nth-child(171):hover ~ .monitor .camera.-x {
transform: rotateX(-24deg);
}
.trigger:nth-child(171):hover ~ .monitor .camera.-y {
transform: rotateY(22deg);
}
.trigger:nth-child(172):hover ~ .monitor .camera.-x {
transform: rotateX(-24deg);
}
.trigger:nth-child(172):hover ~ .monitor .camera.-y {
transform: rotateY(40deg);
}
.trigger:nth-child(173):hover ~ .monitor .camera.-x {
transform: rotateX(-24deg);
}
.trigger:nth-child(173):hover ~ .monitor .camera.-y {
transform: rotateY(58deg);
}
.trigger:nth-child(174):hover ~ .monitor .camera.-x {
transform: rotateX(-24deg);
}
.trigger:nth-child(174):hover ~ .monitor .camera.-y {
transform: rotateY(76deg);
}
.trigger:nth-child(175):hover ~ .monitor .camera.-x {
transform: rotateX(-24deg);
}
.trigger:nth-child(175):hover ~ .monitor .camera.-y {
transform: rotateY(94deg);
}
.trigger:nth-child(176):hover ~ .monitor .camera.-x {
transform: rotateX(-24deg);
}
.trigger:nth-child(176):hover ~ .monitor .camera.-y {
transform: rotateY(112deg);
}
.trigger:nth-child(177):hover ~ .monitor .camera.-x {
transform: rotateX(-24deg);
}
.trigger:nth-child(177):hover ~ .monitor .camera.-y {
transform: rotateY(130deg);
}
.trigger:nth-child(178):hover ~ .monitor .camera.-x {
transform: rotateX(-24deg);
}
.trigger:nth-child(178):hover ~ .monitor .camera.-y {
transform: rotateY(148deg);
}
.trigger:nth-child(179):hover ~ .monitor .camera.-x {
transform: rotateX(-24deg);
}
.trigger:nth-child(179):hover ~ .monitor .camera.-y {
transform: rotateY(166deg);
}
.trigger:nth-child(180):hover ~ .monitor .camera.-x {
transform: rotateX(-24deg);
}
.trigger:nth-child(180):hover ~ .monitor .camera.-y {
transform: rotateY(184deg);
}
.trigger:nth-child(181):hover ~ .monitor .camera.-x {
transform: rotateX(-16deg);
}
.trigger:nth-child(181):hover ~ .monitor .camera.-y {
transform: rotateY(-158deg);
}
.trigger:nth-child(182):hover ~ .monitor .camera.-x {
transform: rotateX(-16deg);
}
.trigger:nth-child(182):hover ~ .monitor .camera.-y {
transform: rotateY(-140deg);
}
.trigger:nth-child(183):hover ~ .monitor .camera.-x {
transform: rotateX(-16deg);
}
.trigger:nth-child(183):hover ~ .monitor .camera.-y {
transform: rotateY(-122deg);
}
.trigger:nth-child(184):hover ~ .monitor .camera.-x {
transform: rotateX(-16deg);
}
.trigger:nth-child(184):hover ~ .monitor .camera.-y {
transform: rotateY(-104deg);
}
.trigger:nth-child(185):hover ~ .monitor .camera.-x {
transform: rotateX(-16deg);
}
.trigger:nth-child(185):hover ~ .monitor .camera.-y {
transform: rotateY(-86deg);
}
.trigger:nth-child(186):hover ~ .monitor .camera.-x {
transform: rotateX(-16deg);
}
.trigger:nth-child(186):hover ~ .monitor .camera.-y {
transform: rotateY(-68deg);
}
.trigger:nth-child(187):hover ~ .monitor .camera.-x {
transform: rotateX(-16deg);
}
.trigger:nth-child(187):hover ~ .monitor .camera.-y {
transform: rotateY(-50deg);
}
.trigger:nth-child(188):hover ~ .monitor .camera.-x {
transform: rotateX(-16deg);
}
.trigger:nth-child(188):hover ~ .monitor .camera.-y {
transform: rotateY(-32deg);
}
.trigger:nth-child(189):hover ~ .monitor .camera.-x {
transform: rotateX(-16deg);
}
.trigger:nth-child(189):hover ~ .monitor .camera.-y {
transform: rotateY(-14deg);
}
.trigger:nth-child(190):hover ~ .monitor .camera.-x {
transform: rotateX(-16deg);
}
.trigger:nth-child(190):hover ~ .monitor .camera.-y {
transform: rotateY(4deg);
}
.trigger:nth-child(191):hover ~ .monitor .camera.-x {
transform: rotateX(-16deg);
}
.trigger:nth-child(191):hover ~ .monitor .camera.-y {
transform: rotateY(22deg);
}
.trigger:nth-child(192):hover ~ .monitor .camera.-x {
transform: rotateX(-16deg);
}
.trigger:nth-child(192):hover ~ .monitor .camera.-y {
transform: rotateY(40deg);
}
.trigger:nth-child(193):hover ~ .monitor .camera.-x {
transform: rotateX(-16deg);
}
.trigger:nth-child(193):hover ~ .monitor .camera.-y {
transform: rotateY(58deg);
}
.trigger:nth-child(194):hover ~ .monitor .camera.-x {
transform: rotateX(-16deg);
}
.trigger:nth-child(194):hover ~ .monitor .camera.-y {
transform: rotateY(76deg);
}
.trigger:nth-child(195):hover ~ .monitor .camera.-x {
transform: rotateX(-16deg);
}
.trigger:nth-child(195):hover ~ .monitor .camera.-y {
transform: rotateY(94deg);
}
.trigger:nth-child(196):hover ~ .monitor .camera.-x {
transform: rotateX(-16deg);
}
.trigger:nth-child(196):hover ~ .monitor .camera.-y {
transform: rotateY(112deg);
}
.trigger:nth-child(197):hover ~ .monitor .camera.-x {
transform: rotateX(-16deg);
}
.trigger:nth-child(197):hover ~ .monitor .camera.-y {
transform: rotateY(130deg);
}
.trigger:nth-child(198):hover ~ .monitor .camera.-x {
transform: rotateX(-16deg);
}
.trigger:nth-child(198):hover ~ .monitor .camera.-y {
transform: rotateY(148deg);
}
.trigger:nth-child(199):hover ~ .monitor .camera.-x {
transform: rotateX(-16deg);
}
.trigger:nth-child(199):hover ~ .monitor .camera.-y {
transform: rotateY(166deg);
}
.trigger:nth-child(200):hover ~ .monitor .camera.-x {
transform: rotateX(-16deg);
}
.trigger:nth-child(200):hover ~ .monitor .camera.-y {
transform: rotateY(184deg);
}
.trigger:nth-child(201):hover ~ .monitor .camera.-x {
transform: rotateX(-8deg);
}
.trigger:nth-child(201):hover ~ .monitor .camera.-y {
transform: rotateY(-158deg);
}
.trigger:nth-child(202):hover ~ .monitor .camera.-x {
transform: rotateX(-8deg);
}
.trigger:nth-child(202):hover ~ .monitor .camera.-y {
transform: rotateY(-140deg);
}
.trigger:nth-child(203):hover ~ .monitor .camera.-x {
transform: rotateX(-8deg);
}
.trigger:nth-child(203):hover ~ .monitor .camera.-y {
transform: rotateY(-122deg);
}
.trigger:nth-child(204):hover ~ .monitor .camera.-x {
transform: rotateX(-8deg);
}
.trigger:nth-child(204):hover ~ .monitor .camera.-y {
transform: rotateY(-104deg);
}
.trigger:nth-child(205):hover ~ .monitor .camera.-x {
transform: rotateX(-8deg);
}
.trigger:nth-child(205):hover ~ .monitor .camera.-y {
transform: rotateY(-86deg);
}
.trigger:nth-child(206):hover ~ .monitor .camera.-x {
transform: rotateX(-8deg);
}
.trigger:nth-child(206):hover ~ .monitor .camera.-y {
transform: rotateY(-68deg);
}
.trigger:nth-child(207):hover ~ .monitor .camera.-x {
transform: rotateX(-8deg);
}
.trigger:nth-child(207):hover ~ .monitor .camera.-y {
transform: rotateY(-50deg);
}
.trigger:nth-child(208):hover ~ .monitor .camera.-x {
transform: rotateX(-8deg);
}
.trigger:nth-child(208):hover ~ .monitor .camera.-y {
transform: rotateY(-32deg);
}
.trigger:nth-child(209):hover ~ .monitor .camera.-x {
transform: rotateX(-8deg);
}
.trigger:nth-child(209):hover ~ .monitor .camera.-y {
transform: rotateY(-14deg);
}
.trigger:nth-child(210):hover ~ .monitor .camera.-x {
transform: rotateX(-8deg);
}
.trigger:nth-child(210):hover ~ .monitor .camera.-y {
transform: rotateY(4deg);
}
.trigger:nth-child(211):hover ~ .monitor .camera.-x {
transform: rotateX(-8deg);
}
.trigger:nth-child(211):hover ~ .monitor .camera.-y {
transform: rotateY(22deg);
}
.trigger:nth-child(212):hover ~ .monitor .camera.-x {
transform: rotateX(-8deg);
}
.trigger:nth-child(212):hover ~ .monitor .camera.-y {
transform: rotateY(40deg);
}
.trigger:nth-child(213):hover ~ .monitor .camera.-x {
transform: rotateX(-8deg);
}
.trigger:nth-child(213):hover ~ .monitor .camera.-y {
transform: rotateY(58deg);
}
.trigger:nth-child(214):hover ~ .monitor .camera.-x {
transform: rotateX(-8deg);
}
.trigger:nth-child(214):hover ~ .monitor .camera.-y {
transform: rotateY(76deg);
}
.trigger:nth-child(215):hover ~ .monitor .camera.-x {
transform: rotateX(-8deg);
}
.trigger:nth-child(215):hover ~ .monitor .camera.-y {
transform: rotateY(94deg);
}
.trigger:nth-child(216):hover ~ .monitor .camera.-x {
transform: rotateX(-8deg);
}
.trigger:nth-child(216):hover ~ .monitor .camera.-y {
transform: rotateY(112deg);
}
.trigger:nth-child(217):hover ~ .monitor .camera.-x {
transform: rotateX(-8deg);
}
.trigger:nth-child(217):hover ~ .monitor .camera.-y {
transform: rotateY(130deg);
}
.trigger:nth-child(218):hover ~ .monitor .camera.-x {
transform: rotateX(-8deg);
}
.trigger:nth-child(218):hover ~ .monitor .camera.-y {
transform: rotateY(148deg);
}
.trigger:nth-child(219):hover ~ .monitor .camera.-x {
transform: rotateX(-8deg);
}
.trigger:nth-child(219):hover ~ .monitor .camera.-y {
transform: rotateY(166deg);
}
.trigger:nth-child(220):hover ~ .monitor .camera.-x {
transform: rotateX(-8deg);
}
.trigger:nth-child(220):hover ~ .monitor .camera.-y {
transform: rotateY(184deg);
}
.trigger:nth-child(221):hover ~ .monitor .camera.-x {
transform: rotateX(0deg);
}
.trigger:nth-child(221):hover ~ .monitor .camera.-y {
transform: rotateY(-158deg);
}
.trigger:nth-child(222):hover ~ .monitor .camera.-x {
transform: rotateX(0deg);
}
.trigger:nth-child(222):hover ~ .monitor .camera.-y {
transform: rotateY(-140deg);
}
.trigger:nth-child(223):hover ~ .monitor .camera.-x {
transform: rotateX(0deg);
}
.trigger:nth-child(223):hover ~ .monitor .camera.-y {
transform: rotateY(-122deg);
}
.trigger:nth-child(224):hover ~ .monitor .camera.-x {
transform: rotateX(0deg);
}
.trigger:nth-child(224):hover ~ .monitor .camera.-y {
transform: rotateY(-104deg);
}
.trigger:nth-child(225):hover ~ .monitor .camera.-x {
transform: rotateX(0deg);
}
.trigger:nth-child(225):hover ~ .monitor .camera.-y {
transform: rotateY(-86deg);
}
.trigger:nth-child(226):hover ~ .monitor .camera.-x {
transform: rotateX(0deg);
}
.trigger:nth-child(226):hover ~ .monitor .camera.-y {
transform: rotateY(-68deg);
}
.trigger:nth-child(227):hover ~ .monitor .camera.-x {
transform: rotateX(0deg);
}
.trigger:nth-child(227):hover ~ .monitor .camera.-y {
transform: rotateY(-50deg);
}
.trigger:nth-child(228):hover ~ .monitor .camera.-x {
transform: rotateX(0deg);
}
.trigger:nth-child(228):hover ~ .monitor .camera.-y {
transform: rotateY(-32deg);
}
.trigger:nth-child(229):hover ~ .monitor .camera.-x {
transform: rotateX(0deg);
}
.trigger:nth-child(229):hover ~ .monitor .camera.-y {
transform: rotateY(-14deg);
}
.trigger:nth-child(230):hover ~ .monitor .camera.-x {
transform: rotateX(0deg);
}
.trigger:nth-child(230):hover ~ .monitor .camera.-y {
transform: rotateY(4deg);
}
.trigger:nth-child(231):hover ~ .monitor .camera.-x {
transform: rotateX(0deg);
}
.trigger:nth-child(231):hover ~ .monitor .camera.-y {
transform: rotateY(22deg);
}
.trigger:nth-child(232):hover ~ .monitor .camera.-x {
transform: rotateX(0deg);
}
.trigger:nth-child(232):hover ~ .monitor .camera.-y {
transform: rotateY(40deg);
}
.trigger:nth-child(233):hover ~ .monitor .camera.-x {
transform: rotateX(0deg);
}
.trigger:nth-child(233):hover ~ .monitor .camera.-y {
transform: rotateY(58deg);
}
.trigger:nth-child(234):hover ~ .monitor .camera.-x {
transform: rotateX(0deg);
}
.trigger:nth-child(234):hover ~ .monitor .camera.-y {
transform: rotateY(76deg);
}
.trigger:nth-child(235):hover ~ .monitor .camera.-x {
transform: rotateX(0deg);
}
.trigger:nth-child(235):hover ~ .monitor .camera.-y {
transform: rotateY(94deg);
}
.trigger:nth-child(236):hover ~ .monitor .camera.-x {
transform: rotateX(0deg);
}
.trigger:nth-child(236):hover ~ .monitor .camera.-y {
transform: rotateY(112deg);
}
.trigger:nth-child(237):hover ~ .monitor .camera.-x {
transform: rotateX(0deg);
}
.trigger:nth-child(237):hover ~ .monitor .camera.-y {
transform: rotateY(130deg);
}
.trigger:nth-child(238):hover ~ .monitor .camera.-x {
transform: rotateX(0deg);
}
.trigger:nth-child(238):hover ~ .monitor .camera.-y {
transform: rotateY(148deg);
}
.trigger:nth-child(239):hover ~ .monitor .camera.-x {
transform: rotateX(0deg);
}
.trigger:nth-child(239):hover ~ .monitor .camera.-y {
transform: rotateY(166deg);
}
.trigger:nth-child(240):hover ~ .monitor .camera.-x {
transform: rotateX(0deg);
}
.trigger:nth-child(240):hover ~ .monitor .camera.-y {
transform: rotateY(184deg);
}
.trigger:nth-child(241):hover ~ .monitor .camera.-x {
transform: rotateX(8deg);
}
.trigger:nth-child(241):hover ~ .monitor .camera.-y {
transform: rotateY(-158deg);
}
.trigger:nth-child(242):hover ~ .monitor .camera.-x {
transform: rotateX(8deg);
}
.trigger:nth-child(242):hover ~ .monitor .camera.-y {
transform: rotateY(-140deg);
}
.trigger:nth-child(243):hover ~ .monitor .camera.-x {
transform: rotateX(8deg);
}
.trigger:nth-child(243):hover ~ .monitor .camera.-y {
transform: rotateY(-122deg);
}
.trigger:nth-child(244):hover ~ .monitor .camera.-x {
transform: rotateX(8deg);
}
.trigger:nth-child(244):hover ~ .monitor .camera.-y {
transform: rotateY(-104deg);
}
.trigger:nth-child(245):hover ~ .monitor .camera.-x {
transform: rotateX(8deg);
}
.trigger:nth-child(245):hover ~ .monitor .camera.-y {
transform: rotateY(-86deg);
}
.trigger:nth-child(246):hover ~ .monitor .camera.-x {
transform: rotateX(8deg);
}
.trigger:nth-child(246):hover ~ .monitor .camera.-y {
transform: rotateY(-68deg);
}
.trigger:nth-child(247):hover ~ .monitor .camera.-x {
transform: rotateX(8deg);
}
.trigger:nth-child(247):hover ~ .monitor .camera.-y {
transform: rotateY(-50deg);
}
.trigger:nth-child(248):hover ~ .monitor .camera.-x {
transform: rotateX(8deg);
}
.trigger:nth-child(248):hover ~ .monitor .camera.-y {
transform: rotateY(-32deg);
}
.trigger:nth-child(249):hover ~ .monitor .camera.-x {
transform: rotateX(8deg);
}
.trigger:nth-child(249):hover ~ .monitor .camera.-y {
transform: rotateY(-14deg);
}
.trigger:nth-child(250):hover ~ .monitor .camera.-x {
transform: rotateX(8deg);
}
.trigger:nth-child(250):hover ~ .monitor .camera.-y {
transform: rotateY(4deg);
}
.trigger:nth-child(251):hover ~ .monitor .camera.-x {
transform: rotateX(8deg);
}
.trigger:nth-child(251):hover ~ .monitor .camera.-y {
transform: rotateY(22deg);
}
.trigger:nth-child(252):hover ~ .monitor .camera.-x {
transform: rotateX(8deg);
}
.trigger:nth-child(252):hover ~ .monitor .camera.-y {
transform: rotateY(40deg);
}
.trigger:nth-child(253):hover ~ .monitor .camera.-x {
transform: rotateX(8deg);
}
.trigger:nth-child(253):hover ~ .monitor .camera.-y {
transform: rotateY(58deg);
}
.trigger:nth-child(254):hover ~ .monitor .camera.-x {
transform: rotateX(8deg);
}
.trigger:nth-child(254):hover ~ .monitor .camera.-y {
transform: rotateY(76deg);
}
.trigger:nth-child(255):hover ~ .monitor .camera.-x {
transform: rotateX(8deg);
}
.trigger:nth-child(255):hover ~ .monitor .camera.-y {
transform: rotateY(94deg);
}
.trigger:nth-child(256):hover ~ .monitor .camera.-x {
transform: rotateX(8deg);
}
.trigger:nth-child(256):hover ~ .monitor .camera.-y {
transform: rotateY(112deg);
}
.trigger:nth-child(257):hover ~ .monitor .camera.-x {
transform: rotateX(8deg);
}
.trigger:nth-child(257):hover ~ .monitor .camera.-y {
transform: rotateY(130deg);
}
.trigger:nth-child(258):hover ~ .monitor .camera.-x {
transform: rotateX(8deg);
}
.trigger:nth-child(258):hover ~ .monitor .camera.-y {
transform: rotateY(148deg);
}
.trigger:nth-child(259):hover ~ .monitor .camera.-x {
transform: rotateX(8deg);
}
.trigger:nth-child(259):hover ~ .monitor .camera.-y {
transform: rotateY(166deg);
}
.trigger:nth-child(260):hover ~ .monitor .camera.-x {
transform: rotateX(8deg);
}
.trigger:nth-child(260):hover ~ .monitor .camera.-y {
transform: rotateY(184deg);
}
.trigger:nth-child(261):hover ~ .monitor .camera.-x {
transform: rotateX(16deg);
}
.trigger:nth-child(261):hover ~ .monitor .camera.-y {
transform: rotateY(-158deg);
}
.trigger:nth-child(262):hover ~ .monitor .camera.-x {
transform: rotateX(16deg);
}
.trigger:nth-child(262):hover ~ .monitor .camera.-y {
transform: rotateY(-140deg);
}
.trigger:nth-child(263):hover ~ .monitor .camera.-x {
transform: rotateX(16deg);
}
.trigger:nth-child(263):hover ~ .monitor .camera.-y {
transform: rotateY(-122deg);
}
.trigger:nth-child(264):hover ~ .monitor .camera.-x {
transform: rotateX(16deg);
}
.trigger:nth-child(264):hover ~ .monitor .camera.-y {
transform: rotateY(-104deg);
}
.trigger:nth-child(265):hover ~ .monitor .camera.-x {
transform: rotateX(16deg);
}
.trigger:nth-child(265):hover ~ .monitor .camera.-y {
transform: rotateY(-86deg);
}
.trigger:nth-child(266):hover ~ .monitor .camera.-x {
transform: rotateX(16deg);
}
.trigger:nth-child(266):hover ~ .monitor .camera.-y {
transform: rotateY(-68deg);
}
.trigger:nth-child(267):hover ~ .monitor .camera.-x {
transform: rotateX(16deg);
}
.trigger:nth-child(267):hover ~ .monitor .camera.-y {
transform: rotateY(-50deg);
}
.trigger:nth-child(268):hover ~ .monitor .camera.-x {
transform: rotateX(16deg);
}
.trigger:nth-child(268):hover ~ .monitor .camera.-y {
transform: rotateY(-32deg);
}
.trigger:nth-child(269):hover ~ .monitor .camera.-x {
transform: rotateX(16deg);
}
.trigger:nth-child(269):hover ~ .monitor .camera.-y {
transform: rotateY(-14deg);
}
.trigger:nth-child(270):hover ~ .monitor .camera.-x {
transform: rotateX(16deg);
}
.trigger:nth-child(270):hover ~ .monitor .camera.-y {
transform: rotateY(4deg);
}
.trigger:nth-child(271):hover ~ .monitor .camera.-x {
transform: rotateX(16deg);
}
.trigger:nth-child(271):hover ~ .monitor .camera.-y {
transform: rotateY(22deg);
}
.trigger:nth-child(272):hover ~ .monitor .camera.-x {
transform: rotateX(16deg);
}
.trigger:nth-child(272):hover ~ .monitor .camera.-y {
transform: rotateY(40deg);
}
.trigger:nth-child(273):hover ~ .monitor .camera.-x {
transform: rotateX(16deg);
}
.trigger:nth-child(273):hover ~ .monitor .camera.-y {
transform: rotateY(58deg);
}
.trigger:nth-child(274):hover ~ .monitor .camera.-x {
transform: rotateX(16deg);
}
.trigger:nth-child(274):hover ~ .monitor .camera.-y {
transform: rotateY(76deg);
}
.trigger:nth-child(275):hover ~ .monitor .camera.-x {
transform: rotateX(16deg);
}
.trigger:nth-child(275):hover ~ .monitor .camera.-y {
transform: rotateY(94deg);
}
.trigger:nth-child(276):hover ~ .monitor .camera.-x {
transform: rotateX(16deg);
}
.trigger:nth-child(276):hover ~ .monitor .camera.-y {
transform: rotateY(112deg);
}
.trigger:nth-child(277):hover ~ .monitor .camera.-x {
transform: rotateX(16deg);
}
.trigger:nth-child(277):hover ~ .monitor .camera.-y {
transform: rotateY(130deg);
}
.trigger:nth-child(278):hover ~ .monitor .camera.-x {
transform: rotateX(16deg);
}
.trigger:nth-child(278):hover ~ .monitor .camera.-y {
transform: rotateY(148deg);
}
.trigger:nth-child(279):hover ~ .monitor .camera.-x {
transform: rotateX(16deg);
}
.trigger:nth-child(279):hover ~ .monitor .camera.-y {
transform: rotateY(166deg);
}
.trigger:nth-child(280):hover ~ .monitor .camera.-x {
transform: rotateX(16deg);
}
.trigger:nth-child(280):hover ~ .monitor .camera.-y {
transform: rotateY(184deg);
}
.trigger:nth-child(281):hover ~ .monitor .camera.-x {
transform: rotateX(24deg);
}
.trigger:nth-child(281):hover ~ .monitor .camera.-y {
transform: rotateY(-158deg);
}
.trigger:nth-child(282):hover ~ .monitor .camera.-x {
transform: rotateX(24deg);
}
.trigger:nth-child(282):hover ~ .monitor .camera.-y {
transform: rotateY(-140deg);
}
.trigger:nth-child(283):hover ~ .monitor .camera.-x {
transform: rotateX(24deg);
}
.trigger:nth-child(283):hover ~ .monitor .camera.-y {
transform: rotateY(-122deg);
}
.trigger:nth-child(284):hover ~ .monitor .camera.-x {
transform: rotateX(24deg);
}
.trigger:nth-child(284):hover ~ .monitor .camera.-y {
transform: rotateY(-104deg);
}
.trigger:nth-child(285):hover ~ .monitor .camera.-x {
transform: rotateX(24deg);
}
.trigger:nth-child(285):hover ~ .monitor .camera.-y {
transform: rotateY(-86deg);
}
.trigger:nth-child(286):hover ~ .monitor .camera.-x {
transform: rotateX(24deg);
}
.trigger:nth-child(286):hover ~ .monitor .camera.-y {
transform: rotateY(-68deg);
}
.trigger:nth-child(287):hover ~ .monitor .camera.-x {
transform: rotateX(24deg);
}
.trigger:nth-child(287):hover ~ .monitor .camera.-y {
transform: rotateY(-50deg);
}
.trigger:nth-child(288):hover ~ .monitor .camera.-x {
transform: rotateX(24deg);
}
.trigger:nth-child(288):hover ~ .monitor .camera.-y {
transform: rotateY(-32deg);
}
.trigger:nth-child(289):hover ~ .monitor .camera.-x {
transform: rotateX(24deg);
}
.trigger:nth-child(289):hover ~ .monitor .camera.-y {
transform: rotateY(-14deg);
}
.trigger:nth-child(290):hover ~ .monitor .camera.-x {
transform: rotateX(24deg);
}
.trigger:nth-child(290):hover ~ .monitor .camera.-y {
transform: rotateY(4deg);
}
.trigger:nth-child(291):hover ~ .monitor .camera.-x {
transform: rotateX(24deg);
}
.trigger:nth-child(291):hover ~ .monitor .camera.-y {
transform: rotateY(22deg);
}
.trigger:nth-child(292):hover ~ .monitor .camera.-x {
transform: rotateX(24deg);
}
.trigger:nth-child(292):hover ~ .monitor .camera.-y {
transform: rotateY(40deg);
}
.trigger:nth-child(293):hover ~ .monitor .camera.-x {
transform: rotateX(24deg);
}
.trigger:nth-child(293):hover ~ .monitor .camera.-y {
transform: rotateY(58deg);
}
.trigger:nth-child(294):hover ~ .monitor .camera.-x {
transform: rotateX(24deg);
}
.trigger:nth-child(294):hover ~ .monitor .camera.-y {
transform: rotateY(76deg);
}
.trigger:nth-child(295):hover ~ .monitor .camera.-x {
transform: rotateX(24deg);
}
.trigger:nth-child(295):hover ~ .monitor .camera.-y {
transform: rotateY(94deg);
}
.trigger:nth-child(296):hover ~ .monitor .camera.-x {
transform: rotateX(24deg);
}
.trigger:nth-child(296):hover ~ .monitor .camera.-y {
transform: rotateY(112deg);
}
.trigger:nth-child(297):hover ~ .monitor .camera.-x {
transform: rotateX(24deg);
}
.trigger:nth-child(297):hover ~ .monitor .camera.-y {
transform: rotateY(130deg);
}
.trigger:nth-child(298):hover ~ .monitor .camera.-x {
transform: rotateX(24deg);
}
.trigger:nth-child(298):hover ~ .monitor .camera.-y {
transform: rotateY(148deg);
}
.trigger:nth-child(299):hover ~ .monitor .camera.-x {
transform: rotateX(24deg);
}
.trigger:nth-child(299):hover ~ .monitor .camera.-y {
transform: rotateY(166deg);
}
.trigger:nth-child(300):hover ~ .monitor .camera.-x {
transform: rotateX(24deg);
}
.trigger:nth-child(300):hover ~ .monitor .camera.-y {
transform: rotateY(184deg);
}
.trigger:nth-child(301):hover ~ .monitor .camera.-x {
transform: rotateX(32deg);
}
.trigger:nth-child(301):hover ~ .monitor .camera.-y {
transform: rotateY(-158deg);
}
.trigger:nth-child(302):hover ~ .monitor .camera.-x {
transform: rotateX(32deg);
}
.trigger:nth-child(302):hover ~ .monitor .camera.-y {
transform: rotateY(-140deg);
}
.trigger:nth-child(303):hover ~ .monitor .camera.-x {
transform: rotateX(32deg);
}
.trigger:nth-child(303):hover ~ .monitor .camera.-y {
transform: rotateY(-122deg);
}
.trigger:nth-child(304):hover ~ .monitor .camera.-x {
transform: rotateX(32deg);
}
.trigger:nth-child(304):hover ~ .monitor .camera.-y {
transform: rotateY(-104deg);
}
.trigger:nth-child(305):hover ~ .monitor .camera.-x {
transform: rotateX(32deg);
}
.trigger:nth-child(305):hover ~ .monitor .camera.-y {
transform: rotateY(-86deg);
}
.trigger:nth-child(306):hover ~ .monitor .camera.-x {
transform: rotateX(32deg);
}
.trigger:nth-child(306):hover ~ .monitor .camera.-y {
transform: rotateY(-68deg);
}
.trigger:nth-child(307):hover ~ .monitor .camera.-x {
transform: rotateX(32deg);
}
.trigger:nth-child(307):hover ~ .monitor .camera.-y {
transform: rotateY(-50deg);
}
.trigger:nth-child(308):hover ~ .monitor .camera.-x {
transform: rotateX(32deg);
}
.trigger:nth-child(308):hover ~ .monitor .camera.-y {
transform: rotateY(-32deg);
}
.trigger:nth-child(309):hover ~ .monitor .camera.-x {
transform: rotateX(32deg);
}
.trigger:nth-child(309):hover ~ .monitor .camera.-y {
transform: rotateY(-14deg);
}
.trigger:nth-child(310):hover ~ .monitor .camera.-x {
transform: rotateX(32deg);
}
.trigger:nth-child(310):hover ~ .monitor .camera.-y {
transform: rotateY(4deg);
}
.trigger:nth-child(311):hover ~ .monitor .camera.-x {
transform: rotateX(32deg);
}
.trigger:nth-child(311):hover ~ .monitor .camera.-y {
transform: rotateY(22deg);
}
.trigger:nth-child(312):hover ~ .monitor .camera.-x {
transform: rotateX(32deg);
}
.trigger:nth-child(312):hover ~ .monitor .camera.-y {
transform: rotateY(40deg);
}
.trigger:nth-child(313):hover ~ .monitor .camera.-x {
transform: rotateX(32deg);
}
.trigger:nth-child(313):hover ~ .monitor .camera.-y {
transform: rotateY(58deg);
}
.trigger:nth-child(314):hover ~ .monitor .camera.-x {
transform: rotateX(32deg);
}
.trigger:nth-child(314):hover ~ .monitor .camera.-y {
transform: rotateY(76deg);
}
.trigger:nth-child(315):hover ~ .monitor .camera.-x {
transform: rotateX(32deg);
}
.trigger:nth-child(315):hover ~ .monitor .camera.-y {
transform: rotateY(94deg);
}
.trigger:nth-child(316):hover ~ .monitor .camera.-x {
transform: rotateX(32deg);
}
.trigger:nth-child(316):hover ~ .monitor .camera.-y {
transform: rotateY(112deg);
}
.trigger:nth-child(317):hover ~ .monitor .camera.-x {
transform: rotateX(32deg);
}
.trigger:nth-child(317):hover ~ .monitor .camera.-y {
transform: rotateY(130deg);
}
.trigger:nth-child(318):hover ~ .monitor .camera.-x {
transform: rotateX(32deg);
}
.trigger:nth-child(318):hover ~ .monitor .camera.-y {
transform: rotateY(148deg);
}
.trigger:nth-child(319):hover ~ .monitor .camera.-x {
transform: rotateX(32deg);
}
.trigger:nth-child(319):hover ~ .monitor .camera.-y {
transform: rotateY(166deg);
}
.trigger:nth-child(320):hover ~ .monitor .camera.-x {
transform: rotateX(32deg);
}
.trigger:nth-child(320):hover ~ .monitor .camera.-y {
transform: rotateY(184deg);
}
.trigger:nth-child(321):hover ~ .monitor .camera.-x {
transform: rotateX(40deg);
}
.trigger:nth-child(321):hover ~ .monitor .camera.-y {
transform: rotateY(-158deg);
}
.trigger:nth-child(322):hover ~ .monitor .camera.-x {
transform: rotateX(40deg);
}
.trigger:nth-child(322):hover ~ .monitor .camera.-y {
transform: rotateY(-140deg);
}
.trigger:nth-child(323):hover ~ .monitor .camera.-x {
transform: rotateX(40deg);
}
.trigger:nth-child(323):hover ~ .monitor .camera.-y {
transform: rotateY(-122deg);
}
.trigger:nth-child(324):hover ~ .monitor .camera.-x {
transform: rotateX(40deg);
}
.trigger:nth-child(324):hover ~ .monitor .camera.-y {
transform: rotateY(-104deg);
}
.trigger:nth-child(325):hover ~ .monitor .camera.-x {
transform: rotateX(40deg);
}
.trigger:nth-child(325):hover ~ .monitor .camera.-y {
transform: rotateY(-86deg);
}
.trigger:nth-child(326):hover ~ .monitor .camera.-x {
transform: rotateX(40deg);
}
.trigger:nth-child(326):hover ~ .monitor .camera.-y {
transform: rotateY(-68deg);
}
.trigger:nth-child(327):hover ~ .monitor .camera.-x {
transform: rotateX(40deg);
}
.trigger:nth-child(327):hover ~ .monitor .camera.-y {
transform: rotateY(-50deg);
}
.trigger:nth-child(328):hover ~ .monitor .camera.-x {
transform: rotateX(40deg);
}
.trigger:nth-child(328):hover ~ .monitor .camera.-y {
transform: rotateY(-32deg);
}
.trigger:nth-child(329):hover ~ .monitor .camera.-x {
transform: rotateX(40deg);
}
.trigger:nth-child(329):hover ~ .monitor .camera.-y {
transform: rotateY(-14deg);
}
.trigger:nth-child(330):hover ~ .monitor .camera.-x {
transform: rotateX(40deg);
}
.trigger:nth-child(330):hover ~ .monitor .camera.-y {
transform: rotateY(4deg);
}
.trigger:nth-child(331):hover ~ .monitor .camera.-x {
transform: rotateX(40deg);
}
.trigger:nth-child(331):hover ~ .monitor .camera.-y {
transform: rotateY(22deg);
}
.trigger:nth-child(332):hover ~ .monitor .camera.-x {
transform: rotateX(40deg);
}
.trigger:nth-child(332):hover ~ .monitor .camera.-y {
transform: rotateY(40deg);
}
.trigger:nth-child(333):hover ~ .monitor .camera.-x {
transform: rotateX(40deg);
}
.trigger:nth-child(333):hover ~ .monitor .camera.-y {
transform: rotateY(58deg);
}
.trigger:nth-child(334):hover ~ .monitor .camera.-x {
transform: rotateX(40deg);
}
.trigger:nth-child(334):hover ~ .monitor .camera.-y {
transform: rotateY(76deg);
}
.trigger:nth-child(335):hover ~ .monitor .camera.-x {
transform: rotateX(40deg);
}
.trigger:nth-child(335):hover ~ .monitor .camera.-y {
transform: rotateY(94deg);
}
.trigger:nth-child(336):hover ~ .monitor .camera.-x {
transform: rotateX(40deg);
}
.trigger:nth-child(336):hover ~ .monitor .camera.-y {
transform: rotateY(112deg);
}
.trigger:nth-child(337):hover ~ .monitor .camera.-x {
transform: rotateX(40deg);
}
.trigger:nth-child(337):hover ~ .monitor .camera.-y {
transform: rotateY(130deg);
}
.trigger:nth-child(338):hover ~ .monitor .camera.-x {
transform: rotateX(40deg);
}
.trigger:nth-child(338):hover ~ .monitor .camera.-y {
transform: rotateY(148deg);
}
.trigger:nth-child(339):hover ~ .monitor .camera.-x {
transform: rotateX(40deg);
}
.trigger:nth-child(339):hover ~ .monitor .camera.-y {
transform: rotateY(166deg);
}
.trigger:nth-child(340):hover ~ .monitor .camera.-x {
transform: rotateX(40deg);
}
.trigger:nth-child(340):hover ~ .monitor .camera.-y {
transform: rotateY(184deg);
}
.trigger:nth-child(341):hover ~ .monitor .camera.-x {
transform: rotateX(48deg);
}
.trigger:nth-child(341):hover ~ .monitor .camera.-y {
transform: rotateY(-158deg);
}
.trigger:nth-child(342):hover ~ .monitor .camera.-x {
transform: rotateX(48deg);
}
.trigger:nth-child(342):hover ~ .monitor .camera.-y {
transform: rotateY(-140deg);
}
.trigger:nth-child(343):hover ~ .monitor .camera.-x {
transform: rotateX(48deg);
}
.trigger:nth-child(343):hover ~ .monitor .camera.-y {
transform: rotateY(-122deg);
}
.trigger:nth-child(344):hover ~ .monitor .camera.-x {
transform: rotateX(48deg);
}
.trigger:nth-child(344):hover ~ .monitor .camera.-y {
transform: rotateY(-104deg);
}
.trigger:nth-child(345):hover ~ .monitor .camera.-x {
transform: rotateX(48deg);
}
.trigger:nth-child(345):hover ~ .monitor .camera.-y {
transform: rotateY(-86deg);
}
.trigger:nth-child(346):hover ~ .monitor .camera.-x {
transform: rotateX(48deg);
}
.trigger:nth-child(346):hover ~ .monitor .camera.-y {
transform: rotateY(-68deg);
}
.trigger:nth-child(347):hover ~ .monitor .camera.-x {
transform: rotateX(48deg);
}
.trigger:nth-child(347):hover ~ .monitor .camera.-y {
transform: rotateY(-50deg);
}
.trigger:nth-child(348):hover ~ .monitor .camera.-x {
transform: rotateX(48deg);
}
.trigger:nth-child(348):hover ~ .monitor .camera.-y {
transform: rotateY(-32deg);
}
.trigger:nth-child(349):hover ~ .monitor .camera.-x {
transform: rotateX(48deg);
}
.trigger:nth-child(349):hover ~ .monitor .camera.-y {
transform: rotateY(-14deg);
}
.trigger:nth-child(350):hover ~ .monitor .camera.-x {
transform: rotateX(48deg);
}
.trigger:nth-child(350):hover ~ .monitor .camera.-y {
transform: rotateY(4deg);
}
.trigger:nth-child(351):hover ~ .monitor .camera.-x {
transform: rotateX(48deg);
}
.trigger:nth-child(351):hover ~ .monitor .camera.-y {
transform: rotateY(22deg);
}
.trigger:nth-child(352):hover ~ .monitor .camera.-x {
transform: rotateX(48deg);
}
.trigger:nth-child(352):hover ~ .monitor .camera.-y {
transform: rotateY(40deg);
}
.trigger:nth-child(353):hover ~ .monitor .camera.-x {
transform: rotateX(48deg);
}
.trigger:nth-child(353):hover ~ .monitor .camera.-y {
transform: rotateY(58deg);
}
.trigger:nth-child(354):hover ~ .monitor .camera.-x {
transform: rotateX(48deg);
}
.trigger:nth-child(354):hover ~ .monitor .camera.-y {
transform: rotateY(76deg);
}
.trigger:nth-child(355):hover ~ .monitor .camera.-x {
transform: rotateX(48deg);
}
.trigger:nth-child(355):hover ~ .monitor .camera.-y {
transform: rotateY(94deg);
}
.trigger:nth-child(356):hover ~ .monitor .camera.-x {
transform: rotateX(48deg);
}
.trigger:nth-child(356):hover ~ .monitor .camera.-y {
transform: rotateY(112deg);
}
.trigger:nth-child(357):hover ~ .monitor .camera.-x {
transform: rotateX(48deg);
}
.trigger:nth-child(357):hover ~ .monitor .camera.-y {
transform: rotateY(130deg);
}
.trigger:nth-child(358):hover ~ .monitor .camera.-x {
transform: rotateX(48deg);
}
.trigger:nth-child(358):hover ~ .monitor .camera.-y {
transform: rotateY(148deg);
}
.trigger:nth-child(359):hover ~ .monitor .camera.-x {
transform: rotateX(48deg);
}
.trigger:nth-child(359):hover ~ .monitor .camera.-y {
transform: rotateY(166deg);
}
.trigger:nth-child(360):hover ~ .monitor .camera.-x {
transform: rotateX(48deg);
}
.trigger:nth-child(360):hover ~ .monitor .camera.-y {
transform: rotateY(184deg);
}
.trigger:nth-child(361):hover ~ .monitor .camera.-x {
transform: rotateX(56deg);
}
.trigger:nth-child(361):hover ~ .monitor .camera.-y {
transform: rotateY(-158deg);
}
.trigger:nth-child(362):hover ~ .monitor .camera.-x {
transform: rotateX(56deg);
}
.trigger:nth-child(362):hover ~ .monitor .camera.-y {
transform: rotateY(-140deg);
}
.trigger:nth-child(363):hover ~ .monitor .camera.-x {
transform: rotateX(56deg);
}
.trigger:nth-child(363):hover ~ .monitor .camera.-y {
transform: rotateY(-122deg);
}
.trigger:nth-child(364):hover ~ .monitor .camera.-x {
transform: rotateX(56deg);
}
.trigger:nth-child(364):hover ~ .monitor .camera.-y {
transform: rotateY(-104deg);
}
.trigger:nth-child(365):hover ~ .monitor .camera.-x {
transform: rotateX(56deg);
}
.trigger:nth-child(365):hover ~ .monitor .camera.-y {
transform: rotateY(-86deg);
}
.trigger:nth-child(366):hover ~ .monitor .camera.-x {
transform: rotateX(56deg);
}
.trigger:nth-child(366):hover ~ .monitor .camera.-y {
transform: rotateY(-68deg);
}
.trigger:nth-child(367):hover ~ .monitor .camera.-x {
transform: rotateX(56deg);
}
.trigger:nth-child(367):hover ~ .monitor .camera.-y {
transform: rotateY(-50deg);
}
.trigger:nth-child(368):hover ~ .monitor .camera.-x {
transform: rotateX(56deg);
}
.trigger:nth-child(368):hover ~ .monitor .camera.-y {
transform: rotateY(-32deg);
}
.trigger:nth-child(369):hover ~ .monitor .camera.-x {
transform: rotateX(56deg);
}
.trigger:nth-child(369):hover ~ .monitor .camera.-y {
transform: rotateY(-14deg);
}
.trigger:nth-child(370):hover ~ .monitor .camera.-x {
transform: rotateX(56deg);
}
.trigger:nth-child(370):hover ~ .monitor .camera.-y {
transform: rotateY(4deg);
}
.trigger:nth-child(371):hover ~ .monitor .camera.-x {
transform: rotateX(56deg);
}
.trigger:nth-child(371):hover ~ .monitor .camera.-y {
transform: rotateY(22deg);
}
.trigger:nth-child(372):hover ~ .monitor .camera.-x {
transform: rotateX(56deg);
}
.trigger:nth-child(372):hover ~ .monitor .camera.-y {
transform: rotateY(40deg);
}
.trigger:nth-child(373):hover ~ .monitor .camera.-x {
transform: rotateX(56deg);
}
.trigger:nth-child(373):hover ~ .monitor .camera.-y {
transform: rotateY(58deg);
}
.trigger:nth-child(374):hover ~ .monitor .camera.-x {
transform: rotateX(56deg);
}
.trigger:nth-child(374):hover ~ .monitor .camera.-y {
transform: rotateY(76deg);
}
.trigger:nth-child(375):hover ~ .monitor .camera.-x {
transform: rotateX(56deg);
}
.trigger:nth-child(375):hover ~ .monitor .camera.-y {
transform: rotateY(94deg);
}
.trigger:nth-child(376):hover ~ .monitor .camera.-x {
transform: rotateX(56deg);
}
.trigger:nth-child(376):hover ~ .monitor .camera.-y {
transform: rotateY(112deg);
}
.trigger:nth-child(377):hover ~ .monitor .camera.-x {
transform: rotateX(56deg);
}
.trigger:nth-child(377):hover ~ .monitor .camera.-y {
transform: rotateY(130deg);
}
.trigger:nth-child(378):hover ~ .monitor .camera.-x {
transform: rotateX(56deg);
}
.trigger:nth-child(378):hover ~ .monitor .camera.-y {
transform: rotateY(148deg);
}
.trigger:nth-child(379):hover ~ .monitor .camera.-x {
transform: rotateX(56deg);
}
.trigger:nth-child(379):hover ~ .monitor .camera.-y {
transform: rotateY(166deg);
}
.trigger:nth-child(380):hover ~ .monitor .camera.-x {
transform: rotateX(56deg);
}
.trigger:nth-child(380):hover ~ .monitor .camera.-y {
transform: rotateY(184deg);
}
.trigger:nth-child(381):hover ~ .monitor .camera.-x {
transform: rotateX(64deg);
}
.trigger:nth-child(381):hover ~ .monitor .camera.-y {
transform: rotateY(-158deg);
}
.trigger:nth-child(382):hover ~ .monitor .camera.-x {
transform: rotateX(64deg);
}
.trigger:nth-child(382):hover ~ .monitor .camera.-y {
transform: rotateY(-140deg);
}
.trigger:nth-child(383):hover ~ .monitor .camera.-x {
transform: rotateX(64deg);
}
.trigger:nth-child(383):hover ~ .monitor .camera.-y {
transform: rotateY(-122deg);
}
.trigger:nth-child(384):hover ~ .monitor .camera.-x {
transform: rotateX(64deg);
}
.trigger:nth-child(384):hover ~ .monitor .camera.-y {
transform: rotateY(-104deg);
}
.trigger:nth-child(385):hover ~ .monitor .camera.-x {
transform: rotateX(64deg);
}
.trigger:nth-child(385):hover ~ .monitor .camera.-y {
transform: rotateY(-86deg);
}
.trigger:nth-child(386):hover ~ .monitor .camera.-x {
transform: rotateX(64deg);
}
.trigger:nth-child(386):hover ~ .monitor .camera.-y {
transform: rotateY(-68deg);
}
.trigger:nth-child(387):hover ~ .monitor .camera.-x {
transform: rotateX(64deg);
}
.trigger:nth-child(387):hover ~ .monitor .camera.-y {
transform: rotateY(-50deg);
}
.trigger:nth-child(388):hover ~ .monitor .camera.-x {
transform: rotateX(64deg);
}
.trigger:nth-child(388):hover ~ .monitor .camera.-y {
transform: rotateY(-32deg);
}
.trigger:nth-child(389):hover ~ .monitor .camera.-x {
transform: rotateX(64deg);
}
.trigger:nth-child(389):hover ~ .monitor .camera.-y {
transform: rotateY(-14deg);
}
.trigger:nth-child(390):hover ~ .monitor .camera.-x {
transform: rotateX(64deg);
}
.trigger:nth-child(390):hover ~ .monitor .camera.-y {
transform: rotateY(4deg);
}
.trigger:nth-child(391):hover ~ .monitor .camera.-x {
transform: rotateX(64deg);
}
.trigger:nth-child(391):hover ~ .monitor .camera.-y {
transform: rotateY(22deg);
}
.trigger:nth-child(392):hover ~ .monitor .camera.-x {
transform: rotateX(64deg);
}
.trigger:nth-child(392):hover ~ .monitor .camera.-y {
transform: rotateY(40deg);
}
.trigger:nth-child(393):hover ~ .monitor .camera.-x {
transform: rotateX(64deg);
}
.trigger:nth-child(393):hover ~ .monitor .camera.-y {
transform: rotateY(58deg);
}
.trigger:nth-child(394):hover ~ .monitor .camera.-x {
transform: rotateX(64deg);
}
.trigger:nth-child(394):hover ~ .monitor .camera.-y {
transform: rotateY(76deg);
}
.trigger:nth-child(395):hover ~ .monitor .camera.-x {
transform: rotateX(64deg);
}
.trigger:nth-child(395):hover ~ .monitor .camera.-y {
transform: rotateY(94deg);
}
.trigger:nth-child(396):hover ~ .monitor .camera.-x {
transform: rotateX(64deg);
}
.trigger:nth-child(396):hover ~ .monitor .camera.-y {
transform: rotateY(112deg);
}
.trigger:nth-child(397):hover ~ .monitor .camera.-x {
transform: rotateX(64deg);
}
.trigger:nth-child(397):hover ~ .monitor .camera.-y {
transform: rotateY(130deg);
}
.trigger:nth-child(398):hover ~ .monitor .camera.-x {
transform: rotateX(64deg);
}
.trigger:nth-child(398):hover ~ .monitor .camera.-y {
transform: rotateY(148deg);
}
.trigger:nth-child(399):hover ~ .monitor .camera.-x {
transform: rotateX(64deg);
}
.trigger:nth-child(399):hover ~ .monitor .camera.-y {
transform: rotateY(166deg);
}
.trigger:nth-child(400):hover ~ .monitor .camera.-x {
transform: rotateX(64deg);
}
.trigger:nth-child(400):hover ~ .monitor .camera.-y {
transform: rotateY(184deg);
}
.camera {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
transition: 500ms;
}
.camera.-x {
transform: rotateX(-30deg);
}
.camera.-y {
transform: rotateY(0deg);
}
.wall {
position: absolute;
top: calc(50% - 150px);
left: calc(50% - 150px);
width: 300px;
height: 300px;
border: 1px solid rgba(255, 255, 255, 0.4);
box-sizing: border-box;
}
.wall:nth-child(1) {
transform: rotateX(0deg) translateZ(150px);
border-bottom: 50px solid #fff;
}
.wall:nth-child(2) {
transform: rotateY(180deg) translateZ(150px);
border-bottom: 50px solid #fff;
}
.wall:nth-child(3) {
transform: rotateX(90deg) translateZ(150px);
}
.wall:nth-child(4) {
transform: rotateX(-90deg) translateZ(150px);
background: #fff;
}
.wall:nth-child(5) {
transform: rotateY(90deg) translateZ(150px);
border-bottom: 50px solid #fff;
}
.wall:nth-child(6) {
transform: rotateY(-90deg) translateZ(150px);
border-bottom: 50px solid #fff;
}
.air {
position: absolute;
}
.snow {
position: absolute;
}
.snow:nth-child(1) {
transform: translate3d(-73px, -150px, -106px);
}
.snow:nth-child(1) .shake {
-webkit-animation-delay: -88730ms;
animation-delay: -88730ms;
}
.snow:nth-child(1) .drop {
-webkit-animation-delay: -67875ms;
animation-delay: -67875ms;
}
.snow:nth-child(1) .rotate {
-webkit-animation-delay: -40005ms;
animation-delay: -40005ms;
}
.snow:nth-child(2) {
transform: translate3d(-50px, -150px, 135px);
}
.snow:nth-child(2) .shake {
-webkit-animation-delay: -48056ms;
animation-delay: -48056ms;
}
.snow:nth-child(2) .drop {
-webkit-animation-delay: -87944ms;
animation-delay: -87944ms;
}
.snow:nth-child(2) .rotate {
-webkit-animation-delay: -53864ms;
animation-delay: -53864ms;
}
.snow:nth-child(3) {
transform: translate3d(-1px, -150px, -65px);
}
.snow:nth-child(3) .shake {
-webkit-animation-delay: -18901ms;
animation-delay: -18901ms;
}
.snow:nth-child(3) .drop {
-webkit-animation-delay: -26765ms;
animation-delay: -26765ms;
}
.snow:nth-child(3) .rotate {
-webkit-animation-delay: -2921ms;
animation-delay: -2921ms;
}
.snow:nth-child(4) {
transform: translate3d(-47px, -150px, -73px);
}
.snow:nth-child(4) .shake {
-webkit-animation-delay: -29020ms;
animation-delay: -29020ms;
}
.snow:nth-child(4) .drop {
-webkit-animation-delay: -44122ms;
animation-delay: -44122ms;
}
.snow:nth-child(4) .rotate {
-webkit-animation-delay: -14135ms;
animation-delay: -14135ms;
}
.snow:nth-child(5) {
transform: translate3d(147px, -150px, -96px);
}
.snow:nth-child(5) .shake {
-webkit-animation-delay: -79463ms;
animation-delay: -79463ms;
}
.snow:nth-child(5) .drop {
-webkit-animation-delay: -88576ms;
animation-delay: -88576ms;
}
.snow:nth-child(5) .rotate {
-webkit-animation-delay: -7894ms;
animation-delay: -7894ms;
}
.snow:nth-child(6) {
transform: translate3d(-50px, -150px, 74px);
}
.snow:nth-child(6) .shake {
-webkit-animation-delay: -42669ms;
animation-delay: -42669ms;
}
.snow:nth-child(6) .drop {
-webkit-animation-delay: -21977ms;
animation-delay: -21977ms;
}
.snow:nth-child(6) .rotate {
-webkit-animation-delay: -74000ms;
animation-delay: -74000ms;
}
.snow:nth-child(7) {
transform: translate3d(103px, -150px, -53px);
}
.snow:nth-child(7) .shake {
-webkit-animation-delay: -59791ms;
animation-delay: -59791ms;
}
.snow:nth-child(7) .drop {
-webkit-animation-delay: -51637ms;
animation-delay: -51637ms;
}
.snow:nth-child(7) .rotate {
-webkit-animation-delay: -2359ms;
animation-delay: -2359ms;
}
.snow:nth-child(8) {
transform: translate3d(10px, -150px, 18px);
}
.snow:nth-child(8) .shake {
-webkit-animation-delay: -98312ms;
animation-delay: -98312ms;
}
.snow:nth-child(8) .drop {
-webkit-animation-delay: -57428ms;
animation-delay: -57428ms;
}
.snow:nth-child(8) .rotate {
-webkit-animation-delay: -17388ms;
animation-delay: -17388ms;
}
.snow:nth-child(9) {
transform: translate3d(85px, -150px, 118px);
}
.snow:nth-child(9) .shake {
-webkit-animation-delay: -45593ms;
animation-delay: -45593ms;
}
.snow:nth-child(9) .drop {
-webkit-animation-delay: -12577ms;
animation-delay: -12577ms;
}
.snow:nth-child(9) .rotate {
-webkit-animation-delay: -87412ms;
animation-delay: -87412ms;
}
.snow:nth-child(10) {
transform: translate3d(-78px, -150px, 76px);
}
.snow:nth-child(10) .shake {
-webkit-animation-delay: -29252ms;
animation-delay: -29252ms;
}
.snow:nth-child(10) .drop {
-webkit-animation-delay: -64220ms;
animation-delay: -64220ms;
}
.snow:nth-child(10) .rotate {
-webkit-animation-delay: -63550ms;
animation-delay: -63550ms;
}
.snow:nth-child(11) {
transform: translate3d(-11px, -150px, -90px);
}
.snow:nth-child(11) .shake {
-webkit-animation-delay: -88180ms;
animation-delay: -88180ms;
}
.snow:nth-child(11) .drop {
-webkit-animation-delay: -64584ms;
animation-delay: -64584ms;
}
.snow:nth-child(11) .rotate {
-webkit-animation-delay: -54627ms;
animation-delay: -54627ms;
}
.snow:nth-child(12) {
transform: translate3d(19px, -150px, -67px);
}
.snow:nth-child(12) .shake {
-webkit-animation-delay: -96329ms;
animation-delay: -96329ms;
}
.snow:nth-child(12) .drop {
-webkit-animation-delay: -92482ms;
animation-delay: -92482ms;
}
.snow:nth-child(12) .rotate {
-webkit-animation-delay: -80178ms;
animation-delay: -80178ms;
}
.snow:nth-child(13) {
transform: translate3d(-9px, -150px, -136px);
}
.snow:nth-child(13) .shake {
-webkit-animation-delay: -42284ms;
animation-delay: -42284ms;
}
.snow:nth-child(13) .drop {
-webkit-animation-delay: -79340ms;
animation-delay: -79340ms;
}
.snow:nth-child(13) .rotate {
-webkit-animation-delay: -98287ms;
animation-delay: -98287ms;
}
.snow:nth-child(14) {
transform: translate3d(-20px, -150px, -32px);
}
.snow:nth-child(14) .shake {
-webkit-animation-delay: -11987ms;
animation-delay: -11987ms;
}
.snow:nth-child(14) .drop {
-webkit-animation-delay: -6726ms;
animation-delay: -6726ms;
}
.snow:nth-child(14) .rotate {
-webkit-animation-delay: -39229ms;
animation-delay: -39229ms;
}
.snow:nth-child(15) {
transform: translate3d(54px, -150px, 80px);
}
.snow:nth-child(15) .shake {
-webkit-animation-delay: -42869ms;
animation-delay: -42869ms;
}
.snow:nth-child(15) .drop {
-webkit-animation-delay: -12932ms;
animation-delay: -12932ms;
}
.snow:nth-child(15) .rotate {
-webkit-animation-delay: -48436ms;
animation-delay: -48436ms;
}
.snow:nth-child(16) {
transform: translate3d(-62px, -150px, -36px);
}
.snow:nth-child(16) .shake {
-webkit-animation-delay: -36517ms;
animation-delay: -36517ms;
}
.snow:nth-child(16) .drop {
-webkit-animation-delay: -86145ms;
animation-delay: -86145ms;
}
.snow:nth-child(16) .rotate {
-webkit-animation-delay: -23264ms;
animation-delay: -23264ms;
}
.snow:nth-child(17) {
transform: translate3d(11px, -150px, -114px);
}
.snow:nth-child(17) .shake {
-webkit-animation-delay: -6123ms;
animation-delay: -6123ms;
}
.snow:nth-child(17) .drop {
-webkit-animation-delay: -22140ms;
animation-delay: -22140ms;
}
.snow:nth-child(17) .rotate {
-webkit-animation-delay: -86050ms;
animation-delay: -86050ms;
}
.snow:nth-child(18) {
transform: translate3d(-99px, -150px, -77px);
}
.snow:nth-child(18) .shake {
-webkit-animation-delay: -74694ms;
animation-delay: -74694ms;
}
.snow:nth-child(18) .drop {
-webkit-animation-delay: -62597ms;
animation-delay: -62597ms;
}
.snow:nth-child(18) .rotate {
-webkit-animation-delay: -47513ms;
animation-delay: -47513ms;
}
.snow:nth-child(19) {
transform: translate3d(26px, -150px, -141px);
}
.snow:nth-child(19) .shake {
-webkit-animation-delay: -90381ms;
animation-delay: -90381ms;
}
.snow:nth-child(19) .drop {
-webkit-animation-delay: -31408ms;
animation-delay: -31408ms;
}
.snow:nth-child(19) .rotate {
-webkit-animation-delay: -86743ms;
animation-delay: -86743ms;
}
.snow:nth-child(20) {
transform: translate3d(28px, -150px, 19px);
}
.snow:nth-child(20) .shake {
-webkit-animation-delay: -14801ms;
animation-delay: -14801ms;
}
.snow:nth-child(20) .drop {
-webkit-animation-delay: -23794ms;
animation-delay: -23794ms;
}
.snow:nth-child(20) .rotate {
-webkit-animation-delay: -82048ms;
animation-delay: -82048ms;
}
.snow:nth-child(21) {
transform: translate3d(-19px, -150px, 38px);
}
.snow:nth-child(21) .shake {
-webkit-animation-delay: -51975ms;
animation-delay: -51975ms;
}
.snow:nth-child(21) .drop {
-webkit-animation-delay: -53560ms;
animation-delay: -53560ms;
}
.snow:nth-child(21) .rotate {
-webkit-animation-delay: -80209ms;
animation-delay: -80209ms;
}
.snow:nth-child(22) {
transform: translate3d(-97px, -150px, -106px);
}
.snow:nth-child(22) .shake {
-webkit-animation-delay: -68582ms;
animation-delay: -68582ms;
}
.snow:nth-child(22) .drop {
-webkit-animation-delay: -2980ms;
animation-delay: -2980ms;
}
.snow:nth-child(22) .rotate {
-webkit-animation-delay: -78575ms;
animation-delay: -78575ms;
}
.snow:nth-child(23) {
transform: translate3d(-45px, -150px, 77px);
}
.snow:nth-child(23) .shake {
-webkit-animation-delay: -84190ms;
animation-delay: -84190ms;
}
.snow:nth-child(23) .drop {
-webkit-animation-delay: -58238ms;
animation-delay: -58238ms;
}
.snow:nth-child(23) .rotate {
-webkit-animation-delay: -50343ms;
animation-delay: -50343ms;
}
.snow:nth-child(24) {
transform: translate3d(57px, -150px, 37px);
}
.snow:nth-child(24) .shake {
-webkit-animation-delay: -95253ms;
animation-delay: -95253ms;
}
.snow:nth-child(24) .drop {
-webkit-animation-delay: -31190ms;
animation-delay: -31190ms;
}
.snow:nth-child(24) .rotate {
-webkit-animation-delay: -51257ms;
animation-delay: -51257ms;
}
.snow:nth-child(25) {
transform: translate3d(-144px, -150px, -101px);
}
.snow:nth-child(25) .shake {
-webkit-animation-delay: -77016ms;
animation-delay: -77016ms;
}
.snow:nth-child(25) .drop {
-webkit-animation-delay: -44009ms;
animation-delay: -44009ms;
}
.snow:nth-child(25) .rotate {
-webkit-animation-delay: -90390ms;
animation-delay: -90390ms;
}
.snow:nth-child(26) {
transform: translate3d(-33px, -150px, 0px);
}
.snow:nth-child(26) .shake {
-webkit-animation-delay: -28413ms;
animation-delay: -28413ms;
}
.snow:nth-child(26) .drop {
-webkit-animation-delay: -61713ms;
animation-delay: -61713ms;
}
.snow:nth-child(26) .rotate {
-webkit-animation-delay: -26685ms;
animation-delay: -26685ms;
}
.snow:nth-child(27) {
transform: translate3d(-97px, -150px, 73px);
}
.snow:nth-child(27) .shake {
-webkit-animation-delay: -53757ms;
animation-delay: -53757ms;
}
.snow:nth-child(27) .drop {
-webkit-animation-delay: -48533ms;
animation-delay: -48533ms;
}
.snow:nth-child(27) .rotate {
-webkit-animation-delay: -45681ms;
animation-delay: -45681ms;
}
.snow:nth-child(28) {
transform: translate3d(127px, -150px, 141px);
}
.snow:nth-child(28) .shake {
-webkit-animation-delay: -64578ms;
animation-delay: -64578ms;
}
.snow:nth-child(28) .drop {
-webkit-animation-delay: -19235ms;
animation-delay: -19235ms;
}
.snow:nth-child(28) .rotate {
-webkit-animation-delay: -20578ms;
animation-delay: -20578ms;
}
.snow:nth-child(29) {
transform: translate3d(-22px, -150px, -111px);
}
.snow:nth-child(29) .shake {
-webkit-animation-delay: -23993ms;
animation-delay: -23993ms;
}
.snow:nth-child(29) .drop {
-webkit-animation-delay: -17667ms;
animation-delay: -17667ms;
}
.snow:nth-child(29) .rotate {
-webkit-animation-delay: -43560ms;
animation-delay: -43560ms;
}
.snow:nth-child(30) {
transform: translate3d(129px, -150px, 33px);
}
.snow:nth-child(30) .shake {
-webkit-animation-delay: -98136ms;
animation-delay: -98136ms;
}
.snow:nth-child(30) .drop {
-webkit-animation-delay: -52473ms;
animation-delay: -52473ms;
}
.snow:nth-child(30) .rotate {
-webkit-animation-delay: -21880ms;
animation-delay: -21880ms;
}
.snow:nth-child(31) {
transform: translate3d(101px, -150px, -16px);
}
.snow:nth-child(31) .shake {
-webkit-animation-delay: -75904ms;
animation-delay: -75904ms;
}
.snow:nth-child(31) .drop {
-webkit-animation-delay: -41661ms;
animation-delay: -41661ms;
}
.snow:nth-child(31) .rotate {
-webkit-animation-delay: -81229ms;
animation-delay: -81229ms;
}
.snow:nth-child(32) {
transform: translate3d(148px, -150px, 71px);
}
.snow:nth-child(32) .shake {
-webkit-animation-delay: -94333ms;
animation-delay: -94333ms;
}
.snow:nth-child(32) .drop {
-webkit-animation-delay: -5873ms;
animation-delay: -5873ms;
}
.snow:nth-child(32) .rotate {
-webkit-animation-delay: -4229ms;
animation-delay: -4229ms;
}
.snow:nth-child(33) {
transform: translate3d(91px, -150px, 11px);
}
.snow:nth-child(33) .shake {
-webkit-animation-delay: -64275ms;
animation-delay: -64275ms;
}
.snow:nth-child(33) .drop {
-webkit-animation-delay: -55345ms;
animation-delay: -55345ms;
}
.snow:nth-child(33) .rotate {
-webkit-animation-delay: -44720ms;
animation-delay: -44720ms;
}
.snow:nth-child(34) {
transform: translate3d(15px, -150px, 106px);
}
.snow:nth-child(34) .shake {
-webkit-animation-delay: -6011ms;
animation-delay: -6011ms;
}
.snow:nth-child(34) .drop {
-webkit-animation-delay: -98477ms;
animation-delay: -98477ms;
}
.snow:nth-child(34) .rotate {
-webkit-animation-delay: -71564ms;
animation-delay: -71564ms;
}
.snow:nth-child(35) {
transform: translate3d(-66px, -150px, 32px);
}
.snow:nth-child(35) .shake {
-webkit-animation-delay: -43549ms;
animation-delay: -43549ms;
}
.snow:nth-child(35) .drop {
-webkit-animation-delay: -80930ms;
animation-delay: -80930ms;
}
.snow:nth-child(35) .rotate {
-webkit-animation-delay: -57801ms;
animation-delay: -57801ms;
}
.snow:nth-child(36) {
transform: translate3d(-136px, -150px, 51px);
}
.snow:nth-child(36) .shake {
-webkit-animation-delay: -38424ms;
animation-delay: -38424ms;
}
.snow:nth-child(36) .drop {
-webkit-animation-delay: -81948ms;
animation-delay: -81948ms;
}
.snow:nth-child(36) .rotate {
-webkit-animation-delay: -28735ms;
animation-delay: -28735ms;
}
.snow:nth-child(37) {
transform: translate3d(-13px, -150px, 17px);
}
.snow:nth-child(37) .shake {
-webkit-animation-delay: -76223ms;
animation-delay: -76223ms;
}
.snow:nth-child(37) .drop {
-webkit-animation-delay: -27174ms;
animation-delay: -27174ms;
}
.snow:nth-child(37) .rotate {
-webkit-animation-delay: -46882ms;
animation-delay: -46882ms;
}
.snow:nth-child(38) {
transform: translate3d(89px, -150px, -13px);
}
.snow:nth-child(38) .shake {
-webkit-animation-delay: -94628ms;
animation-delay: -94628ms;
}
.snow:nth-child(38) .drop {
-webkit-animation-delay: -39375ms;
animation-delay: -39375ms;
}
.snow:nth-child(38) .rotate {
-webkit-animation-delay: -12429ms;
animation-delay: -12429ms;
}
.snow:nth-child(39) {
transform: translate3d(84px, -150px, 66px);
}
.snow:nth-child(39) .shake {
-webkit-animation-delay: -89856ms;
animation-delay: -89856ms;
}
.snow:nth-child(39) .drop {
-webkit-animation-delay: -97417ms;
animation-delay: -97417ms;
}
.snow:nth-child(39) .rotate {
-webkit-animation-delay: -63814ms;
animation-delay: -63814ms;
}
.snow:nth-child(40) {
transform: translate3d(106px, -150px, -4px);
}
.snow:nth-child(40) .shake {
-webkit-animation-delay: -25105ms;
animation-delay: -25105ms;
}
.snow:nth-child(40) .drop {
-webkit-animation-delay: -64081ms;
animation-delay: -64081ms;
}
.snow:nth-child(40) .rotate {
-webkit-animation-delay: -76360ms;
animation-delay: -76360ms;
}
.snow:nth-child(41) {
transform: translate3d(-121px, -150px, -32px);
}
.snow:nth-child(41) .shake {
-webkit-animation-delay: -52325ms;
animation-delay: -52325ms;
}
.snow:nth-child(41) .drop {
-webkit-animation-delay: -57652ms;
animation-delay: -57652ms;
}
.snow:nth-child(41) .rotate {
-webkit-animation-delay: -42426ms;
animation-delay: -42426ms;
}
.snow:nth-child(42) {
transform: translate3d(-67px, -150px, -69px);
}
.snow:nth-child(42) .shake {
-webkit-animation-delay: -76668ms;
animation-delay: -76668ms;
}
.snow:nth-child(42) .drop {
-webkit-animation-delay: -75067ms;
animation-delay: -75067ms;
}
.snow:nth-child(42) .rotate {
-webkit-animation-delay: -29986ms;
animation-delay: -29986ms;
}
.snow:nth-child(43) {
transform: translate3d(123px, -150px, 125px);
}
.snow:nth-child(43) .shake {
-webkit-animation-delay: -33163ms;
animation-delay: -33163ms;
}
.snow:nth-child(43) .drop {
-webkit-animation-delay: -84176ms;
animation-delay: -84176ms;
}
.snow:nth-child(43) .rotate {
-webkit-animation-delay: -81222ms;
animation-delay: -81222ms;
}
.snow:nth-child(44) {
transform: translate3d(148px, -150px, -83px);
}
.snow:nth-child(44) .shake {
-webkit-animation-delay: -66113ms;
animation-delay: -66113ms;
}
.snow:nth-child(44) .drop {
-webkit-animation-delay: -82891ms;
animation-delay: -82891ms;
}
.snow:nth-child(44) .rotate {
-webkit-animation-delay: -45774ms;
animation-delay: -45774ms;
}
.snow:nth-child(45) {
transform: translate3d(-59px, -150px, -55px);
}
.snow:nth-child(45) .shake {
-webkit-animation-delay: -7914ms;
animation-delay: -7914ms;
}
.snow:nth-child(45) .drop {
-webkit-animation-delay: -1573ms;
animation-delay: -1573ms;
}
.snow:nth-child(45) .rotate {
-webkit-animation-delay: -79226ms;
animation-delay: -79226ms;
}
.snow:nth-child(46) {
transform: translate3d(-104px, -150px, -65px);
}
.snow:nth-child(46) .shake {
-webkit-animation-delay: -37982ms;
animation-delay: -37982ms;
}
.snow:nth-child(46) .drop {
-webkit-animation-delay: -77271ms;
animation-delay: -77271ms;
}
.snow:nth-child(46) .rotate {
-webkit-animation-delay: -85902ms;
animation-delay: -85902ms;
}
.snow:nth-child(47) {
transform: translate3d(64px, -150px, -9px);
}
.snow:nth-child(47) .shake {
-webkit-animation-delay: -61521ms;
animation-delay: -61521ms;
}
.snow:nth-child(47) .drop {
-webkit-animation-delay: -3470ms;
animation-delay: -3470ms;
}
.snow:nth-child(47) .rotate {
-webkit-animation-delay: -8772ms;
animation-delay: -8772ms;
}
.snow:nth-child(48) {
transform: translate3d(-46px, -150px, -63px);
}
.snow:nth-child(48) .shake {
-webkit-animation-delay: -43576ms;
animation-delay: -43576ms;
}
.snow:nth-child(48) .drop {
-webkit-animation-delay: -96000ms;
animation-delay: -96000ms;
}
.snow:nth-child(48) .rotate {
-webkit-animation-delay: -66979ms;
animation-delay: -66979ms;
}
.snow:nth-child(49) {
transform: translate3d(-21px, -150px, 106px);
}
.snow:nth-child(49) .shake {
-webkit-animation-delay: -68906ms;
animation-delay: -68906ms;
}
.snow:nth-child(49) .drop {
-webkit-animation-delay: -43862ms;
animation-delay: -43862ms;
}
.snow:nth-child(49) .rotate {
-webkit-animation-delay: -67683ms;
animation-delay: -67683ms;
}
.snow:nth-child(50) {
transform: translate3d(64px, -150px, -122px);
}
.snow:nth-child(50) .shake {
-webkit-animation-delay: -53449ms;
animation-delay: -53449ms;
}
.snow:nth-child(50) .drop {
-webkit-animation-delay: -67936ms;
animation-delay: -67936ms;
}
.snow:nth-child(50) .rotate {
-webkit-animation-delay: -30116ms;
animation-delay: -30116ms;
}
.snow:nth-child(51) {
transform: translate3d(39px, -150px, 77px);
}
.snow:nth-child(51) .shake {
-webkit-animation-delay: -13042ms;
animation-delay: -13042ms;
}
.snow:nth-child(51) .drop {
-webkit-animation-delay: -9509ms;
animation-delay: -9509ms;
}
.snow:nth-child(51) .rotate {
-webkit-animation-delay: -6622ms;
animation-delay: -6622ms;
}
.snow:nth-child(52) {
transform: translate3d(-17px, -150px, -128px);
}
.snow:nth-child(52) .shake {
-webkit-animation-delay: -41529ms;
animation-delay: -41529ms;
}
.snow:nth-child(52) .drop {
-webkit-animation-delay: -41801ms;
animation-delay: -41801ms;
}
.snow:nth-child(52) .rotate {
-webkit-animation-delay: -4401ms;
animation-delay: -4401ms;
}
.snow:nth-child(53) {
transform: translate3d(-60px, -150px, 141px);
}
.snow:nth-child(53) .shake {
-webkit-animation-delay: -88448ms;
animation-delay: -88448ms;
}
.snow:nth-child(53) .drop {
-webkit-animation-delay: -28691ms;
animation-delay: -28691ms;
}
.snow:nth-child(53) .rotate {
-webkit-animation-delay: -58517ms;
animation-delay: -58517ms;
}
.snow:nth-child(54) {
transform: translate3d(-72px, -150px, -123px);
}
.snow:nth-child(54) .shake {
-webkit-animation-delay: -83079ms;
animation-delay: -83079ms;
}
.snow:nth-child(54) .drop {
-webkit-animation-delay: -8325ms;
animation-delay: -8325ms;
}
.snow:nth-child(54) .rotate {
-webkit-animation-delay: -15034ms;
animation-delay: -15034ms;
}
.snow:nth-child(55) {
transform: translate3d(48px, -150px, 87px);
}
.snow:nth-child(55) .shake {
-webkit-animation-delay: -66974ms;
animation-delay: -66974ms;
}
.snow:nth-child(55) .drop {
-webkit-animation-delay: -53454ms;
animation-delay: -53454ms;
}
.snow:nth-child(55) .rotate {
-webkit-animation-delay: -88233ms;
animation-delay: -88233ms;
}
.snow:nth-child(56) {
transform: translate3d(-139px, -150px, -62px);
}
.snow:nth-child(56) .shake {
-webkit-animation-delay: -95694ms;
animation-delay: -95694ms;
}
.snow:nth-child(56) .drop {
-webkit-animation-delay: -73240ms;
animation-delay: -73240ms;
}
.snow:nth-child(56) .rotate {
-webkit-animation-delay: -49056ms;
animation-delay: -49056ms;
}
.snow:nth-child(57) {
transform: translate3d(-85px, -150px, 52px);
}
.snow:nth-child(57) .shake {
-webkit-animation-delay: -28333ms;
animation-delay: -28333ms;
}
.snow:nth-child(57) .drop {
-webkit-animation-delay: -57199ms;
animation-delay: -57199ms;
}
.snow:nth-child(57) .rotate {
-webkit-animation-delay: -52512ms;
animation-delay: -52512ms;
}
.snow:nth-child(58) {
transform: translate3d(71px, -150px, 89px);
}
.snow:nth-child(58) .shake {
-webkit-animation-delay: -30851ms;
animation-delay: -30851ms;
}
.snow:nth-child(58) .drop {
-webkit-animation-delay: -77112ms;
animation-delay: -77112ms;
}
.snow:nth-child(58) .rotate {
-webkit-animation-delay: -83995ms;
animation-delay: -83995ms;
}
.snow:nth-child(59) {
transform: translate3d(-138px, -150px, 101px);
}
.snow:nth-child(59) .shake {
-webkit-animation-delay: -71103ms;
animation-delay: -71103ms;
}
.snow:nth-child(59) .drop {
-webkit-animation-delay: -89906ms;
animation-delay: -89906ms;
}
.snow:nth-child(59) .rotate {
-webkit-animation-delay: -59004ms;
animation-delay: -59004ms;
}
.snow:nth-child(60) {
transform: translate3d(9px, -150px, 12px);
}
.snow:nth-child(60) .shake {
-webkit-animation-delay: -12088ms;
animation-delay: -12088ms;
}
.snow:nth-child(60) .drop {
-webkit-animation-delay: -63422ms;
animation-delay: -63422ms;
}
.snow:nth-child(60) .rotate {
-webkit-animation-delay: -54200ms;
animation-delay: -54200ms;
}
.snow:nth-child(61) {
transform: translate3d(37px, -150px, 20px);
}
.snow:nth-child(61) .shake {
-webkit-animation-delay: -42364ms;
animation-delay: -42364ms;
}
.snow:nth-child(61) .drop {
-webkit-animation-delay: -33220ms;
animation-delay: -33220ms;
}
.snow:nth-child(61) .rotate {
-webkit-animation-delay: -14653ms;
animation-delay: -14653ms;
}
.snow:nth-child(62) {
transform: translate3d(-123px, -150px, -134px);
}
.snow:nth-child(62) .shake {
-webkit-animation-delay: -65238ms;
animation-delay: -65238ms;
}
.snow:nth-child(62) .drop {
-webkit-animation-delay: -80075ms;
animation-delay: -80075ms;
}
.snow:nth-child(62) .rotate {
-webkit-animation-delay: -57337ms;
animation-delay: -57337ms;
}
.snow:nth-child(63) {
transform: translate3d(-138px, -150px, 37px);
}
.snow:nth-child(63) .shake {
-webkit-animation-delay: -21850ms;
animation-delay: -21850ms;
}
.snow:nth-child(63) .drop {
-webkit-animation-delay: -25640ms;
animation-delay: -25640ms;
}
.snow:nth-child(63) .rotate {
-webkit-animation-delay: -94662ms;
animation-delay: -94662ms;
}
.snow:nth-child(64) {
transform: translate3d(27px, -150px, -71px);
}
.snow:nth-child(64) .shake {
-webkit-animation-delay: -18759ms;
animation-delay: -18759ms;
}
.snow:nth-child(64) .drop {
-webkit-animation-delay: -73526ms;
animation-delay: -73526ms;
}
.snow:nth-child(64) .rotate {
-webkit-animation-delay: -519ms;
animation-delay: -519ms;
}
.snow:nth-child(65) {
transform: translate3d(-70px, -150px, -63px);
}
.snow:nth-child(65) .shake {
-webkit-animation-delay: -27370ms;
animation-delay: -27370ms;
}
.snow:nth-child(65) .drop {
-webkit-animation-delay: -78960ms;
animation-delay: -78960ms;
}
.snow:nth-child(65) .rotate {
-webkit-animation-delay: -1220ms;
animation-delay: -1220ms;
}
.snow:nth-child(66) {
transform: translate3d(-147px, -150px, 118px);
}
.snow:nth-child(66) .shake {
-webkit-animation-delay: -39678ms;
animation-delay: -39678ms;
}
.snow:nth-child(66) .drop {
-webkit-animation-delay: -81351ms;
animation-delay: -81351ms;
}
.snow:nth-child(66) .rotate {
-webkit-animation-delay: -75028ms;
animation-delay: -75028ms;
}
.snow:nth-child(67) {
transform: translate3d(16px, -150px, -92px);
}
.snow:nth-child(67) .shake {
-webkit-animation-delay: -12058ms;
animation-delay: -12058ms;
}
.snow:nth-child(67) .drop {
-webkit-animation-delay: -8485ms;
animation-delay: -8485ms;
}
.snow:nth-child(67) .rotate {
-webkit-animation-delay: -52847ms;
animation-delay: -52847ms;
}
.snow:nth-child(68) {
transform: translate3d(119px, -150px, -67px);
}
.snow:nth-child(68) .shake {
-webkit-animation-delay: -68525ms;
animation-delay: -68525ms;
}
.snow:nth-child(68) .drop {
-webkit-animation-delay: -99545ms;
animation-delay: -99545ms;
}
.snow:nth-child(68) .rotate {
-webkit-animation-delay: -28659ms;
animation-delay: -28659ms;
}
.snow:nth-child(69) {
transform: translate3d(-119px, -150px, -47px);
}
.snow:nth-child(69) .shake {
-webkit-animation-delay: -49706ms;
animation-delay: -49706ms;
}
.snow:nth-child(69) .drop {
-webkit-animation-delay: -93021ms;
animation-delay: -93021ms;
}
.snow:nth-child(69) .rotate {
-webkit-animation-delay: -61647ms;
animation-delay: -61647ms;
}
.snow:nth-child(70) {
transform: translate3d(149px, -150px, 63px);
}
.snow:nth-child(70) .shake {
-webkit-animation-delay: -5389ms;
animation-delay: -5389ms;
}
.snow:nth-child(70) .drop {
-webkit-animation-delay: -91900ms;
animation-delay: -91900ms;
}
.snow:nth-child(70) .rotate {
-webkit-animation-delay: -72296ms;
animation-delay: -72296ms;
}
.snow:nth-child(71) {
transform: translate3d(-9px, -150px, 130px);
}
.snow:nth-child(71) .shake {
-webkit-animation-delay: -4916ms;
animation-delay: -4916ms;
}
.snow:nth-child(71) .drop {
-webkit-animation-delay: -69519ms;
animation-delay: -69519ms;
}
.snow:nth-child(71) .rotate {
-webkit-animation-delay: -2323ms;
animation-delay: -2323ms;
}
.snow:nth-child(72) {
transform: translate3d(4px, -150px, 102px);
}
.snow:nth-child(72) .shake {
-webkit-animation-delay: -14964ms;
animation-delay: -14964ms;
}
.snow:nth-child(72) .drop {
-webkit-animation-delay: -56950ms;
animation-delay: -56950ms;
}
.snow:nth-child(72) .rotate {
-webkit-animation-delay: -11205ms;
animation-delay: -11205ms;
}
.snow:nth-child(73) {
transform: translate3d(106px, -150px, -98px);
}
.snow:nth-child(73) .shake {
-webkit-animation-delay: -33375ms;
animation-delay: -33375ms;
}
.snow:nth-child(73) .drop {
-webkit-animation-delay: -9912ms;
animation-delay: -9912ms;
}
.snow:nth-child(73) .rotate {
-webkit-animation-delay: -1991ms;
animation-delay: -1991ms;
}
.snow:nth-child(74) {
transform: translate3d(63px, -150px, 8px);
}
.snow:nth-child(74) .shake {
-webkit-animation-delay: -1304ms;
animation-delay: -1304ms;
}
.snow:nth-child(74) .drop {
-webkit-animation-delay: -60852ms;
animation-delay: -60852ms;
}
.snow:nth-child(74) .rotate {
-webkit-animation-delay: -49628ms;
animation-delay: -49628ms;
}
.snow:nth-child(75) {
transform: translate3d(73px, -150px, -81px);
}
.snow:nth-child(75) .shake {
-webkit-animation-delay: -80958ms;
animation-delay: -80958ms;
}
.snow:nth-child(75) .drop {
-webkit-animation-delay: -63436ms;
animation-delay: -63436ms;
}
.snow:nth-child(75) .rotate {
-webkit-animation-delay: -60977ms;
animation-delay: -60977ms;
}
.snow:nth-child(76) {
transform: translate3d(-149px, -150px, 140px);
}
.snow:nth-child(76) .shake {
-webkit-animation-delay: -68161ms;
animation-delay: -68161ms;
}
.snow:nth-child(76) .drop {
-webkit-animation-delay: -51387ms;
animation-delay: -51387ms;
}
.snow:nth-child(76) .rotate {
-webkit-animation-delay: -35323ms;
animation-delay: -35323ms;
}
.snow:nth-child(77) {
transform: translate3d(-48px, -150px, 33px);
}
.snow:nth-child(77) .shake {
-webkit-animation-delay: -97729ms;
animation-delay: -97729ms;
}
.snow:nth-child(77) .drop {
-webkit-animation-delay: -97623ms;
animation-delay: -97623ms;
}
.snow:nth-child(77) .rotate {
-webkit-animation-delay: -13157ms;
animation-delay: -13157ms;
}
.snow:nth-child(78) {
transform: translate3d(-65px, -150px, 135px);
}
.snow:nth-child(78) .shake {
-webkit-animation-delay: -73753ms;
animation-delay: -73753ms;
}
.snow:nth-child(78) .drop {
-webkit-animation-delay: -54584ms;
animation-delay: -54584ms;
}
.snow:nth-child(78) .rotate {
-webkit-animation-delay: -39967ms;
animation-delay: -39967ms;
}
.snow:nth-child(79) {
transform: translate3d(118px, -150px, 33px);
}
.snow:nth-child(79) .shake {
-webkit-animation-delay: -50774ms;
animation-delay: -50774ms;
}
.snow:nth-child(79) .drop {
-webkit-animation-delay: -54350ms;
animation-delay: -54350ms;
}
.snow:nth-child(79) .rotate {
-webkit-animation-delay: -82642ms;
animation-delay: -82642ms;
}
.snow:nth-child(80) {
transform: translate3d(41px, -150px, -72px);
}
.snow:nth-child(80) .shake {
-webkit-animation-delay: -17953ms;
animation-delay: -17953ms;
}
.snow:nth-child(80) .drop {
-webkit-animation-delay: -80409ms;
animation-delay: -80409ms;
}
.snow:nth-child(80) .rotate {
-webkit-animation-delay: -55865ms;
animation-delay: -55865ms;
}
.snow:nth-child(81) {
transform: translate3d(-122px, -150px, 65px);
}
.snow:nth-child(81) .shake {
-webkit-animation-delay: -819ms;
animation-delay: -819ms;
}
.snow:nth-child(81) .drop {
-webkit-animation-delay: -20100ms;
animation-delay: -20100ms;
}
.snow:nth-child(81) .rotate {
-webkit-animation-delay: -70310ms;
animation-delay: -70310ms;
}
.snow:nth-child(82) {
transform: translate3d(-2px, -150px, -140px);
}
.snow:nth-child(82) .shake {
-webkit-animation-delay: -27067ms;
animation-delay: -27067ms;
}
.snow:nth-child(82) .drop {
-webkit-animation-delay: -87755ms;
animation-delay: -87755ms;
}
.snow:nth-child(82) .rotate {
-webkit-animation-delay: -79162ms;
animation-delay: -79162ms;
}
.snow:nth-child(83) {
transform: translate3d(-74px, -150px, -25px);
}
.snow:nth-child(83) .shake {
-webkit-animation-delay: -29604ms;
animation-delay: -29604ms;
}
.snow:nth-child(83) .drop {
-webkit-animation-delay: -563ms;
animation-delay: -563ms;
}
.snow:nth-child(83) .rotate {
-webkit-animation-delay: -933ms;
animation-delay: -933ms;
}
.snow:nth-child(84) {
transform: translate3d(-40px, -150px, -4px);
}
.snow:nth-child(84) .shake {
-webkit-animation-delay: -54575ms;
animation-delay: -54575ms;
}
.snow:nth-child(84) .drop {
-webkit-animation-delay: -4871ms;
animation-delay: -4871ms;
}
.snow:nth-child(84) .rotate {
-webkit-animation-delay: -78346ms;
animation-delay: -78346ms;
}
.snow:nth-child(85) {
transform: translate3d(147px, -150px, 63px);
}
.snow:nth-child(85) .shake {
-webkit-animation-delay: -15195ms;
animation-delay: -15195ms;
}
.snow:nth-child(85) .drop {
-webkit-animation-delay: -79993ms;
animation-delay: -79993ms;
}
.snow:nth-child(85) .rotate {
-webkit-animation-delay: -21678ms;
animation-delay: -21678ms;
}
.snow:nth-child(86) {
transform: translate3d(70px, -150px, 14px);
}
.snow:nth-child(86) .shake {
-webkit-animation-delay: -50034ms;
animation-delay: -50034ms;
}
.snow:nth-child(86) .drop {
-webkit-animation-delay: -99220ms;
animation-delay: -99220ms;
}
.snow:nth-child(86) .rotate {
-webkit-animation-delay: -9479ms;
animation-delay: -9479ms;
}
.snow:nth-child(87) {
transform: translate3d(0px, -150px, 79px);
}
.snow:nth-child(87) .shake {
-webkit-animation-delay: -30669ms;
animation-delay: -30669ms;
}
.snow:nth-child(87) .drop {
-webkit-animation-delay: -41270ms;
animation-delay: -41270ms;
}
.snow:nth-child(87) .rotate {
-webkit-animation-delay: -70795ms;
animation-delay: -70795ms;
}
.snow:nth-child(88) {
transform: translate3d(4px, -150px, -97px);
}
.snow:nth-child(88) .shake {
-webkit-animation-delay: -33224ms;
animation-delay: -33224ms;
}
.snow:nth-child(88) .drop {
-webkit-animation-delay: -83263ms;
animation-delay: -83263ms;
}
.snow:nth-child(88) .rotate {
-webkit-animation-delay: -64912ms;
animation-delay: -64912ms;
}
.snow:nth-child(89) {
transform: translate3d(122px, -150px, 135px);
}
.snow:nth-child(89) .shake {
-webkit-animation-delay: -25928ms;
animation-delay: -25928ms;
}
.snow:nth-child(89) .drop {
-webkit-animation-delay: -91002ms;
animation-delay: -91002ms;
}
.snow:nth-child(89) .rotate {
-webkit-animation-delay: -89043ms;
animation-delay: -89043ms;
}
.snow:nth-child(90) {
transform: translate3d(-100px, -150px, 134px);
}
.snow:nth-child(90) .shake {
-webkit-animation-delay: -60341ms;
animation-delay: -60341ms;
}
.snow:nth-child(90) .drop {
-webkit-animation-delay: -12105ms;
animation-delay: -12105ms;
}
.snow:nth-child(90) .rotate {
-webkit-animation-delay: -1181ms;
animation-delay: -1181ms;
}
.snow:nth-child(91) {
transform: translate3d(-85px, -150px, 0px);
}
.snow:nth-child(91) .shake {
-webkit-animation-delay: -78975ms;
animation-delay: -78975ms;
}
.snow:nth-child(91) .drop {
-webkit-animation-delay: -60154ms;
animation-delay: -60154ms;
}
.snow:nth-child(91) .rotate {
-webkit-animation-delay: -35862ms;
animation-delay: -35862ms;
}
.snow:nth-child(92) {
transform: translate3d(-2px, -150px, 25px);
}
.snow:nth-child(92) .shake {
-webkit-animation-delay: -92943ms;
animation-delay: -92943ms;
}
.snow:nth-child(92) .drop {
-webkit-animation-delay: -1385ms;
animation-delay: -1385ms;
}
.snow:nth-child(92) .rotate {
-webkit-animation-delay: -69882ms;
animation-delay: -69882ms;
}
.snow:nth-child(93) {
transform: translate3d(-60px, -150px, 75px);
}
.snow:nth-child(93) .shake {
-webkit-animation-delay: -38262ms;
animation-delay: -38262ms;
}
.snow:nth-child(93) .drop {
-webkit-animation-delay: -40407ms;
animation-delay: -40407ms;
}
.snow:nth-child(93) .rotate {
-webkit-animation-delay: -42610ms;
animation-delay: -42610ms;
}
.snow:nth-child(94) {
transform: translate3d(59px, -150px, -23px);
}
.snow:nth-child(94) .shake {
-webkit-animation-delay: -67740ms;
animation-delay: -67740ms;
}
.snow:nth-child(94) .drop {
-webkit-animation-delay: -96867ms;
animation-delay: -96867ms;
}
.snow:nth-child(94) .rotate {
-webkit-animation-delay: -75318ms;
animation-delay: -75318ms;
}
.snow:nth-child(95) {
transform: translate3d(-90px, -150px, -133px);
}
.snow:nth-child(95) .shake {
-webkit-animation-delay: -20178ms;
animation-delay: -20178ms;
}
.snow:nth-child(95) .drop {
-webkit-animation-delay: -84182ms;
animation-delay: -84182ms;
}
.snow:nth-child(95) .rotate {
-webkit-animation-delay: -19778ms;
animation-delay: -19778ms;
}
.snow:nth-child(96) {
transform: translate3d(-62px, -150px, 56px);
}
.snow:nth-child(96) .shake {
-webkit-animation-delay: -1283ms;
animation-delay: -1283ms;
}
.snow:nth-child(96) .drop {
-webkit-animation-delay: -35436ms;
animation-delay: -35436ms;
}
.snow:nth-child(96) .rotate {
-webkit-animation-delay: -76543ms;
animation-delay: -76543ms;
}
.snow:nth-child(97) {
transform: translate3d(-22px, -150px, -12px);
}
.snow:nth-child(97) .shake {
-webkit-animation-delay: -94326ms;
animation-delay: -94326ms;
}
.snow:nth-child(97) .drop {
-webkit-animation-delay: -9502ms;
animation-delay: -9502ms;
}
.snow:nth-child(97) .rotate {
-webkit-animation-delay: -84942ms;
animation-delay: -84942ms;
}
.snow:nth-child(98) {
transform: translate3d(2px, -150px, 91px);
}
.snow:nth-child(98) .shake {
-webkit-animation-delay: -43093ms;
animation-delay: -43093ms;
}
.snow:nth-child(98) .drop {
-webkit-animation-delay: -10249ms;
animation-delay: -10249ms;
}
.snow:nth-child(98) .rotate {
-webkit-animation-delay: -23455ms;
animation-delay: -23455ms;
}
.snow:nth-child(99) {
transform: translate3d(-142px, -150px, 48px);
}
.snow:nth-child(99) .shake {
-webkit-animation-delay: -79604ms;
animation-delay: -79604ms;
}
.snow:nth-child(99) .drop {
-webkit-animation-delay: -7656ms;
animation-delay: -7656ms;
}
.snow:nth-child(99) .rotate {
-webkit-animation-delay: -80570ms;
animation-delay: -80570ms;
}
.snow:nth-child(100) {
transform: translate3d(-102px, -150px, -13px);
}
.snow:nth-child(100) .shake {
-webkit-animation-delay: -10551ms;
animation-delay: -10551ms;
}
.snow:nth-child(100) .drop {
-webkit-animation-delay: -96792ms;
animation-delay: -96792ms;
}
.snow:nth-child(100) .rotate {
-webkit-animation-delay: -29461ms;
animation-delay: -29461ms;
}
.snow:nth-child(101) {
transform: translate3d(117px, -150px, 127px);
}
.snow:nth-child(101) .shake {
-webkit-animation-delay: -78864ms;
animation-delay: -78864ms;
}
.snow:nth-child(101) .drop {
-webkit-animation-delay: -80074ms;
animation-delay: -80074ms;
}
.snow:nth-child(101) .rotate {
-webkit-animation-delay: -47718ms;
animation-delay: -47718ms;
}
.snow:nth-child(102) {
transform: translate3d(149px, -150px, 99px);
}
.snow:nth-child(102) .shake {
-webkit-animation-delay: -29752ms;
animation-delay: -29752ms;
}
.snow:nth-child(102) .drop {
-webkit-animation-delay: -51978ms;
animation-delay: -51978ms;
}
.snow:nth-child(102) .rotate {
-webkit-animation-delay: -15979ms;
animation-delay: -15979ms;
}
.snow:nth-child(103) {
transform: translate3d(36px, -150px, 86px);
}
.snow:nth-child(103) .shake {
-webkit-animation-delay: -71013ms;
animation-delay: -71013ms;
}
.snow:nth-child(103) .drop {
-webkit-animation-delay: -68838ms;
animation-delay: -68838ms;
}
.snow:nth-child(103) .rotate {
-webkit-animation-delay: -82067ms;
animation-delay: -82067ms;
}
.snow:nth-child(104) {
transform: translate3d(-29px, -150px, 1px);
}
.snow:nth-child(104) .shake {
-webkit-animation-delay: -79303ms;
animation-delay: -79303ms;
}
.snow:nth-child(104) .drop {
-webkit-animation-delay: -86278ms;
animation-delay: -86278ms;
}
.snow:nth-child(104) .rotate {
-webkit-animation-delay: -80792ms;
animation-delay: -80792ms;
}
.snow:nth-child(105) {
transform: translate3d(108px, -150px, -102px);
}
.snow:nth-child(105) .shake {
-webkit-animation-delay: -79850ms;
animation-delay: -79850ms;
}
.snow:nth-child(105) .drop {
-webkit-animation-delay: -92058ms;
animation-delay: -92058ms;
}
.snow:nth-child(105) .rotate {
-webkit-animation-delay: -91881ms;
animation-delay: -91881ms;
}
.snow:nth-child(106) {
transform: translate3d(-134px, -150px, 27px);
}
.snow:nth-child(106) .shake {
-webkit-animation-delay: -95882ms;
animation-delay: -95882ms;
}
.snow:nth-child(106) .drop {
-webkit-animation-delay: -9477ms;
animation-delay: -9477ms;
}
.snow:nth-child(106) .rotate {
-webkit-animation-delay: -87799ms;
animation-delay: -87799ms;
}
.snow:nth-child(107) {
transform: translate3d(82px, -150px, -67px);
}
.snow:nth-child(107) .shake {
-webkit-animation-delay: -39806ms;
animation-delay: -39806ms;
}
.snow:nth-child(107) .drop {
-webkit-animation-delay: -75312ms;
animation-delay: -75312ms;
}
.snow:nth-child(107) .rotate {
-webkit-animation-delay: -42225ms;
animation-delay: -42225ms;
}
.snow:nth-child(108) {
transform: translate3d(7px, -150px, -39px);
}
.snow:nth-child(108) .shake {
-webkit-animation-delay: -18885ms;
animation-delay: -18885ms;
}
.snow:nth-child(108) .drop {
-webkit-animation-delay: -44850ms;
animation-delay: -44850ms;
}
.snow:nth-child(108) .rotate {
-webkit-animation-delay: -65325ms;
animation-delay: -65325ms;
}
.snow:nth-child(109) {
transform: translate3d(-106px, -150px, 69px);
}
.snow:nth-child(109) .shake {
-webkit-animation-delay: -36197ms;
animation-delay: -36197ms;
}
.snow:nth-child(109) .drop {
-webkit-animation-delay: -82797ms;
animation-delay: -82797ms;
}
.snow:nth-child(109) .rotate {
-webkit-animation-delay: -66841ms;
animation-delay: -66841ms;
}
.snow:nth-child(110) {
transform: translate3d(76px, -150px, -123px);
}
.snow:nth-child(110) .shake {
-webkit-animation-delay: -16650ms;
animation-delay: -16650ms;
}
.snow:nth-child(110) .drop {
-webkit-animation-delay: -68557ms;
animation-delay: -68557ms;
}
.snow:nth-child(110) .rotate {
-webkit-animation-delay: -36770ms;
animation-delay: -36770ms;
}
.snow:nth-child(111) {
transform: translate3d(109px, -150px, -122px);
}
.snow:nth-child(111) .shake {
-webkit-animation-delay: -66811ms;
animation-delay: -66811ms;
}
.snow:nth-child(111) .drop {
-webkit-animation-delay: -98725ms;
animation-delay: -98725ms;
}
.snow:nth-child(111) .rotate {
-webkit-animation-delay: -83495ms;
animation-delay: -83495ms;
}
.snow:nth-child(112) {
transform: translate3d(-128px, -150px, -143px);
}
.snow:nth-child(112) .shake {
-webkit-animation-delay: -99828ms;
animation-delay: -99828ms;
}
.snow:nth-child(112) .drop {
-webkit-animation-delay: -8038ms;
animation-delay: -8038ms;
}
.snow:nth-child(112) .rotate {
-webkit-animation-delay: -18783ms;
animation-delay: -18783ms;
}
.snow:nth-child(113) {
transform: translate3d(36px, -150px, 34px);
}
.snow:nth-child(113) .shake {
-webkit-animation-delay: -17401ms;
animation-delay: -17401ms;
}
.snow:nth-child(113) .drop {
-webkit-animation-delay: -78893ms;
animation-delay: -78893ms;
}
.snow:nth-child(113) .rotate {
-webkit-animation-delay: -73455ms;
animation-delay: -73455ms;
}
.snow:nth-child(114) {
transform: translate3d(-19px, -150px, -94px);
}
.snow:nth-child(114) .shake {
-webkit-animation-delay: -67951ms;
animation-delay: -67951ms;
}
.snow:nth-child(114) .drop {
-webkit-animation-delay: -47156ms;
animation-delay: -47156ms;
}
.snow:nth-child(114) .rotate {
-webkit-animation-delay: -40022ms;
animation-delay: -40022ms;
}
.snow:nth-child(115) {
transform: translate3d(-81px, -150px, -140px);
}
.snow:nth-child(115) .shake {
-webkit-animation-delay: -20414ms;
animation-delay: -20414ms;
}
.snow:nth-child(115) .drop {
-webkit-animation-delay: -36792ms;
animation-delay: -36792ms;
}
.snow:nth-child(115) .rotate {
-webkit-animation-delay: -11674ms;
animation-delay: -11674ms;
}
.snow:nth-child(116) {
transform: translate3d(-147px, -150px, -68px);
}
.snow:nth-child(116) .shake {
-webkit-animation-delay: -49833ms;
animation-delay: -49833ms;
}
.snow:nth-child(116) .drop {
-webkit-animation-delay: -90472ms;
animation-delay: -90472ms;
}
.snow:nth-child(116) .rotate {
-webkit-animation-delay: -32331ms;
animation-delay: -32331ms;
}
.snow:nth-child(117) {
transform: translate3d(61px, -150px, -25px);
}
.snow:nth-child(117) .shake {
-webkit-animation-delay: -74945ms;
animation-delay: -74945ms;
}
.snow:nth-child(117) .drop {
-webkit-animation-delay: -35493ms;
animation-delay: -35493ms;
}
.snow:nth-child(117) .rotate {
-webkit-animation-delay: -88654ms;
animation-delay: -88654ms;
}
.snow:nth-child(118) {
transform: translate3d(67px, -150px, -48px);
}
.snow:nth-child(118) .shake {
-webkit-animation-delay: -94023ms;
animation-delay: -94023ms;
}
.snow:nth-child(118) .drop {
-webkit-animation-delay: -53036ms;
animation-delay: -53036ms;
}
.snow:nth-child(118) .rotate {
-webkit-animation-delay: -6507ms;
animation-delay: -6507ms;
}
.snow:nth-child(119) {
transform: translate3d(114px, -150px, -134px);
}
.snow:nth-child(119) .shake {
-webkit-animation-delay: -83653ms;
animation-delay: -83653ms;
}
.snow:nth-child(119) .drop {
-webkit-animation-delay: -51507ms;
animation-delay: -51507ms;
}
.snow:nth-child(119) .rotate {
-webkit-animation-delay: -59378ms;
animation-delay: -59378ms;
}
.snow:nth-child(120) {
transform: translate3d(105px, -150px, 102px);
}
.snow:nth-child(120) .shake {
-webkit-animation-delay: -52138ms;
animation-delay: -52138ms;
}
.snow:nth-child(120) .drop {
-webkit-animation-delay: -54890ms;
animation-delay: -54890ms;
}
.snow:nth-child(120) .rotate {
-webkit-animation-delay: -50724ms;
animation-delay: -50724ms;
}
.snow:nth-child(121) {
transform: translate3d(92px, -150px, 114px);
}
.snow:nth-child(121) .shake {
-webkit-animation-delay: -60992ms;
animation-delay: -60992ms;
}
.snow:nth-child(121) .drop {
-webkit-animation-delay: -71720ms;
animation-delay: -71720ms;
}
.snow:nth-child(121) .rotate {
-webkit-animation-delay: -63006ms;
animation-delay: -63006ms;
}
.snow:nth-child(122) {
transform: translate3d(-72px, -150px, -66px);
}
.snow:nth-child(122) .shake {
-webkit-animation-delay: -68026ms;
animation-delay: -68026ms;
}
.snow:nth-child(122) .drop {
-webkit-animation-delay: -11024ms;
animation-delay: -11024ms;
}
.snow:nth-child(122) .rotate {
-webkit-animation-delay: -88951ms;
animation-delay: -88951ms;
}
.snow:nth-child(123) {
transform: translate3d(-76px, -150px, 0px);
}
.snow:nth-child(123) .shake {
-webkit-animation-delay: -43469ms;
animation-delay: -43469ms;
}
.snow:nth-child(123) .drop {
-webkit-animation-delay: -12063ms;
animation-delay: -12063ms;
}
.snow:nth-child(123) .rotate {
-webkit-animation-delay: -79359ms;
animation-delay: -79359ms;
}
.snow:nth-child(124) {
transform: translate3d(84px, -150px, -24px);
}
.snow:nth-child(124) .shake {
-webkit-animation-delay: -8458ms;
animation-delay: -8458ms;
}
.snow:nth-child(124) .drop {
-webkit-animation-delay: -94495ms;
animation-delay: -94495ms;
}
.snow:nth-child(124) .rotate {
-webkit-animation-delay: -66474ms;
animation-delay: -66474ms;
}
.snow:nth-child(125) {
transform: translate3d(-5px, -150px, -40px);
}
.snow:nth-child(125) .shake {
-webkit-animation-delay: -16411ms;
animation-delay: -16411ms;
}
.snow:nth-child(125) .drop {
-webkit-animation-delay: -61023ms;
animation-delay: -61023ms;
}
.snow:nth-child(125) .rotate {
-webkit-animation-delay: -69662ms;
animation-delay: -69662ms;
}
.snow:nth-child(126) {
transform: translate3d(71px, -150px, 126px);
}
.snow:nth-child(126) .shake {
-webkit-animation-delay: -69029ms;
animation-delay: -69029ms;
}
.snow:nth-child(126) .drop {
-webkit-animation-delay: -83791ms;
animation-delay: -83791ms;
}
.snow:nth-child(126) .rotate {
-webkit-animation-delay: -1281ms;
animation-delay: -1281ms;
}
.snow:nth-child(127) {
transform: translate3d(126px, -150px, -108px);
}
.snow:nth-child(127) .shake {
-webkit-animation-delay: -93592ms;
animation-delay: -93592ms;
}
.snow:nth-child(127) .drop {
-webkit-animation-delay: -73554ms;
animation-delay: -73554ms;
}
.snow:nth-child(127) .rotate {
-webkit-animation-delay: -77199ms;
animation-delay: -77199ms;
}
.snow:nth-child(128) {
transform: translate3d(74px, -150px, 109px);
}
.snow:nth-child(128) .shake {
-webkit-animation-delay: -58547ms;
animation-delay: -58547ms;
}
.snow:nth-child(128) .drop {
-webkit-animation-delay: -27646ms;
animation-delay: -27646ms;
}
.snow:nth-child(128) .rotate {
-webkit-animation-delay: -66929ms;
animation-delay: -66929ms;
}
.snow:nth-child(129) {
transform: translate3d(139px, -150px, -77px);
}
.snow:nth-child(129) .shake {
-webkit-animation-delay: -94520ms;
animation-delay: -94520ms;
}
.snow:nth-child(129) .drop {
-webkit-animation-delay: -50313ms;
animation-delay: -50313ms;
}
.snow:nth-child(129) .rotate {
-webkit-animation-delay: -58058ms;
animation-delay: -58058ms;
}
.snow:nth-child(130) {
transform: translate3d(-149px, -150px, 150px);
}
.snow:nth-child(130) .shake {
-webkit-animation-delay: -9858ms;
animation-delay: -9858ms;
}
.snow:nth-child(130) .drop {
-webkit-animation-delay: -91947ms;
animation-delay: -91947ms;
}
.snow:nth-child(130) .rotate {
-webkit-animation-delay: -24586ms;
animation-delay: -24586ms;
}
.snow:nth-child(131) {
transform: translate3d(28px, -150px, 25px);
}
.snow:nth-child(131) .shake {
-webkit-animation-delay: -27733ms;
animation-delay: -27733ms;
}
.snow:nth-child(131) .drop {
-webkit-animation-delay: -19909ms;
animation-delay: -19909ms;
}
.snow:nth-child(131) .rotate {
-webkit-animation-delay: -63681ms;
animation-delay: -63681ms;
}
.snow:nth-child(132) {
transform: translate3d(34px, -150px, 17px);
}
.snow:nth-child(132) .shake {
-webkit-animation-delay: -47333ms;
animation-delay: -47333ms;
}
.snow:nth-child(132) .drop {
-webkit-animation-delay: -90083ms;
animation-delay: -90083ms;
}
.snow:nth-child(132) .rotate {
-webkit-animation-delay: -50767ms;
animation-delay: -50767ms;
}
.snow:nth-child(133) {
transform: translate3d(-10px, -150px, -50px);
}
.snow:nth-child(133) .shake {
-webkit-animation-delay: -10080ms;
animation-delay: -10080ms;
}
.snow:nth-child(133) .drop {
-webkit-animation-delay: -76428ms;
animation-delay: -76428ms;
}
.snow:nth-child(133) .rotate {
-webkit-animation-delay: -27759ms;
animation-delay: -27759ms;
}
.snow:nth-child(134) {
transform: translate3d(67px, -150px, 91px);
}
.snow:nth-child(134) .shake {
-webkit-animation-delay: -93963ms;
animation-delay: -93963ms;
}
.snow:nth-child(134) .drop {
-webkit-animation-delay: -67087ms;
animation-delay: -67087ms;
}
.snow:nth-child(134) .rotate {
-webkit-animation-delay: -39270ms;
animation-delay: -39270ms;
}
.snow:nth-child(135) {
transform: translate3d(-24px, -150px, -116px);
}
.snow:nth-child(135) .shake {
-webkit-animation-delay: -56410ms;
animation-delay: -56410ms;
}
.snow:nth-child(135) .drop {
-webkit-animation-delay: -83901ms;
animation-delay: -83901ms;
}
.snow:nth-child(135) .rotate {
-webkit-animation-delay: -19208ms;
animation-delay: -19208ms;
}
.snow:nth-child(136) {
transform: translate3d(131px, -150px, -6px);
}
.snow:nth-child(136) .shake {
-webkit-animation-delay: -73073ms;
animation-delay: -73073ms;
}
.snow:nth-child(136) .drop {
-webkit-animation-delay: -68943ms;
animation-delay: -68943ms;
}
.snow:nth-child(136) .rotate {
-webkit-animation-delay: -84513ms;
animation-delay: -84513ms;
}
.snow:nth-child(137) {
transform: translate3d(116px, -150px, -82px);
}
.snow:nth-child(137) .shake {
-webkit-animation-delay: -13359ms;
animation-delay: -13359ms;
}
.snow:nth-child(137) .drop {
-webkit-animation-delay: -73602ms;
animation-delay: -73602ms;
}
.snow:nth-child(137) .rotate {
-webkit-animation-delay: -63033ms;
animation-delay: -63033ms;
}
.snow:nth-child(138) {
transform: translate3d(94px, -150px, 118px);
}
.snow:nth-child(138) .shake {
-webkit-animation-delay: -63929ms;
animation-delay: -63929ms;
}
.snow:nth-child(138) .drop {
-webkit-animation-delay: -37476ms;
animation-delay: -37476ms;
}
.snow:nth-child(138) .rotate {
-webkit-animation-delay: -9097ms;
animation-delay: -9097ms;
}
.snow:nth-child(139) {
transform: translate3d(36px, -150px, -110px);
}
.snow:nth-child(139) .shake {
-webkit-animation-delay: -55683ms;
animation-delay: -55683ms;
}
.snow:nth-child(139) .drop {
-webkit-animation-delay: -68153ms;
animation-delay: -68153ms;
}
.snow:nth-child(139) .rotate {
-webkit-animation-delay: -1223ms;
animation-delay: -1223ms;
}
.snow:nth-child(140) {
transform: translate3d(61px, -150px, 98px);
}
.snow:nth-child(140) .shake {
-webkit-animation-delay: -3018ms;
animation-delay: -3018ms;
}
.snow:nth-child(140) .drop {
-webkit-animation-delay: -31282ms;
animation-delay: -31282ms;
}
.snow:nth-child(140) .rotate {
-webkit-animation-delay: -20626ms;
animation-delay: -20626ms;
}
.snow:nth-child(141) {
transform: translate3d(-149px, -150px, -144px);
}
.snow:nth-child(141) .shake {
-webkit-animation-delay: -99207ms;
animation-delay: -99207ms;
}
.snow:nth-child(141) .drop {
-webkit-animation-delay: -86828ms;
animation-delay: -86828ms;
}
.snow:nth-child(141) .rotate {
-webkit-animation-delay: -97555ms;
animation-delay: -97555ms;
}
.snow:nth-child(142) {
transform: translate3d(72px, -150px, 103px);
}
.snow:nth-child(142) .shake {
-webkit-animation-delay: -3747ms;
animation-delay: -3747ms;
}
.snow:nth-child(142) .drop {
-webkit-animation-delay: -71086ms;
animation-delay: -71086ms;
}
.snow:nth-child(142) .rotate {
-webkit-animation-delay: -4647ms;
animation-delay: -4647ms;
}
.snow:nth-child(143) {
transform: translate3d(24px, -150px, 97px);
}
.snow:nth-child(143) .shake {
-webkit-animation-delay: -56254ms;
animation-delay: -56254ms;
}
.snow:nth-child(143) .drop {
-webkit-animation-delay: -4691ms;
animation-delay: -4691ms;
}
.snow:nth-child(143) .rotate {
-webkit-animation-delay: -96768ms;
animation-delay: -96768ms;
}
.snow:nth-child(144) {
transform: translate3d(-47px, -150px, -47px);
}
.snow:nth-child(144) .shake {
-webkit-animation-delay: -55059ms;
animation-delay: -55059ms;
}
.snow:nth-child(144) .drop {
-webkit-animation-delay: -16072ms;
animation-delay: -16072ms;
}
.snow:nth-child(144) .rotate {
-webkit-animation-delay: -86179ms;
animation-delay: -86179ms;
}
.snow:nth-child(145) {
transform: translate3d(-78px, -150px, -94px);
}
.snow:nth-child(145) .shake {
-webkit-animation-delay: -38063ms;
animation-delay: -38063ms;
}
.snow:nth-child(145) .drop {
-webkit-animation-delay: -90619ms;
animation-delay: -90619ms;
}
.snow:nth-child(145) .rotate {
-webkit-animation-delay: -95385ms;
animation-delay: -95385ms;
}
.snow:nth-child(146) {
transform: translate3d(114px, -150px, 24px);
}
.snow:nth-child(146) .shake {
-webkit-animation-delay: -90650ms;
animation-delay: -90650ms;
}
.snow:nth-child(146) .drop {
-webkit-animation-delay: -84809ms;
animation-delay: -84809ms;
}
.snow:nth-child(146) .rotate {
-webkit-animation-delay: -76422ms;
animation-delay: -76422ms;
}
.snow:nth-child(147) {
transform: translate3d(-139px, -150px, 69px);
}
.snow:nth-child(147) .shake {
-webkit-animation-delay: -85713ms;
animation-delay: -85713ms;
}
.snow:nth-child(147) .drop {
-webkit-animation-delay: -38282ms;
animation-delay: -38282ms;
}
.snow:nth-child(147) .rotate {
-webkit-animation-delay: -56565ms;
animation-delay: -56565ms;
}
.snow:nth-child(148) {
transform: translate3d(77px, -150px, 69px);
}
.snow:nth-child(148) .shake {
-webkit-animation-delay: -37409ms;
animation-delay: -37409ms;
}
.snow:nth-child(148) .drop {
-webkit-animation-delay: -3867ms;
animation-delay: -3867ms;
}
.snow:nth-child(148) .rotate {
-webkit-animation-delay: -44246ms;
animation-delay: -44246ms;
}
.snow:nth-child(149) {
transform: translate3d(-29px, -150px, -100px);
}
.snow:nth-child(149) .shake {
-webkit-animation-delay: -35930ms;
animation-delay: -35930ms;
}
.snow:nth-child(149) .drop {
-webkit-animation-delay: -84095ms;
animation-delay: -84095ms;
}
.snow:nth-child(149) .rotate {
-webkit-animation-delay: -52500ms;
animation-delay: -52500ms;
}
.snow:nth-child(150) {
transform: translate3d(-140px, -150px, -26px);
}
.snow:nth-child(150) .shake {
-webkit-animation-delay: -5537ms;
animation-delay: -5537ms;
}
.snow:nth-child(150) .drop {
-webkit-animation-delay: -91253ms;
animation-delay: -91253ms;
}
.snow:nth-child(150) .rotate {
-webkit-animation-delay: -86914ms;
animation-delay: -86914ms;
}
.snow:nth-child(151) {
transform: translate3d(21px, -150px, 38px);
}
.snow:nth-child(151) .shake {
-webkit-animation-delay: -62170ms;
animation-delay: -62170ms;
}
.snow:nth-child(151) .drop {
-webkit-animation-delay: -14053ms;
animation-delay: -14053ms;
}
.snow:nth-child(151) .rotate {
-webkit-animation-delay: -96060ms;
animation-delay: -96060ms;
}
.snow:nth-child(152) {
transform: translate3d(-59px, -150px, -51px);
}
.snow:nth-child(152) .shake {
-webkit-animation-delay: -3768ms;
animation-delay: -3768ms;
}
.snow:nth-child(152) .drop {
-webkit-animation-delay: -25721ms;
animation-delay: -25721ms;
}
.snow:nth-child(152) .rotate {
-webkit-animation-delay: -26536ms;
animation-delay: -26536ms;
}
.snow:nth-child(153) {
transform: translate3d(69px, -150px, 79px);
}
.snow:nth-child(153) .shake {
-webkit-animation-delay: -90554ms;
animation-delay: -90554ms;
}
.snow:nth-child(153) .drop {
-webkit-animation-delay: -16521ms;
animation-delay: -16521ms;
}
.snow:nth-child(153) .rotate {
-webkit-animation-delay: -77756ms;
animation-delay: -77756ms;
}
.snow:nth-child(154) {
transform: translate3d(-129px, -150px, -9px);
}
.snow:nth-child(154) .shake {
-webkit-animation-delay: -39010ms;
animation-delay: -39010ms;
}
.snow:nth-child(154) .drop {
-webkit-animation-delay: -48344ms;
animation-delay: -48344ms;
}
.snow:nth-child(154) .rotate {
-webkit-animation-delay: -2383ms;
animation-delay: -2383ms;
}
.snow:nth-child(155) {
transform: translate3d(-78px, -150px, -10px);
}
.snow:nth-child(155) .shake {
-webkit-animation-delay: -19767ms;
animation-delay: -19767ms;
}
.snow:nth-child(155) .drop {
-webkit-animation-delay: -89663ms;
animation-delay: -89663ms;
}
.snow:nth-child(155) .rotate {
-webkit-animation-delay: -63301ms;
animation-delay: -63301ms;
}
.snow:nth-child(156) {
transform: translate3d(90px, -150px, -63px);
}
.snow:nth-child(156) .shake {
-webkit-animation-delay: -2689ms;
animation-delay: -2689ms;
}
.snow:nth-child(156) .drop {
-webkit-animation-delay: -7893ms;
animation-delay: -7893ms;
}
.snow:nth-child(156) .rotate {
-webkit-animation-delay: -62750ms;
animation-delay: -62750ms;
}
.snow:nth-child(157) {
transform: translate3d(84px, -150px, 47px);
}
.snow:nth-child(157) .shake {
-webkit-animation-delay: -43774ms;
animation-delay: -43774ms;
}
.snow:nth-child(157) .drop {
-webkit-animation-delay: -53193ms;
animation-delay: -53193ms;
}
.snow:nth-child(157) .rotate {
-webkit-animation-delay: -47706ms;
animation-delay: -47706ms;
}
.snow:nth-child(158) {
transform: translate3d(-111px, -150px, -21px);
}
.snow:nth-child(158) .shake {
-webkit-animation-delay: -81233ms;
animation-delay: -81233ms;
}
.snow:nth-child(158) .drop {
-webkit-animation-delay: -94496ms;
animation-delay: -94496ms;
}
.snow:nth-child(158) .rotate {
-webkit-animation-delay: -75412ms;
animation-delay: -75412ms;
}
.snow:nth-child(159) {
transform: translate3d(0px, -150px, -123px);
}
.snow:nth-child(159) .shake {
-webkit-animation-delay: -68784ms;
animation-delay: -68784ms;
}
.snow:nth-child(159) .drop {
-webkit-animation-delay: -84119ms;
animation-delay: -84119ms;
}
.snow:nth-child(159) .rotate {
-webkit-animation-delay: -32330ms;
animation-delay: -32330ms;
}
.snow:nth-child(160) {
transform: translate3d(101px, -150px, -38px);
}
.snow:nth-child(160) .shake {
-webkit-animation-delay: -52505ms;
animation-delay: -52505ms;
}
.snow:nth-child(160) .drop {
-webkit-animation-delay: -43569ms;
animation-delay: -43569ms;
}
.snow:nth-child(160) .rotate {
-webkit-animation-delay: -84414ms;
animation-delay: -84414ms;
}
.snow:nth-child(161) {
transform: translate3d(86px, -150px, 9px);
}
.snow:nth-child(161) .shake {
-webkit-animation-delay: -86481ms;
animation-delay: -86481ms;
}
.snow:nth-child(161) .drop {
-webkit-animation-delay: -734ms;
animation-delay: -734ms;
}
.snow:nth-child(161) .rotate {
-webkit-animation-delay: -40695ms;
animation-delay: -40695ms;
}
.snow:nth-child(162) {
transform: translate3d(-54px, -150px, -140px);
}
.snow:nth-child(162) .shake {
-webkit-animation-delay: -38172ms;
animation-delay: -38172ms;
}
.snow:nth-child(162) .drop {
-webkit-animation-delay: -41597ms;
animation-delay: -41597ms;
}
.snow:nth-child(162) .rotate {
-webkit-animation-delay: -78764ms;
animation-delay: -78764ms;
}
.snow:nth-child(163) {
transform: translate3d(-101px, -150px, 32px);
}
.snow:nth-child(163) .shake {
-webkit-animation-delay: -88396ms;
animation-delay: -88396ms;
}
.snow:nth-child(163) .drop {
-webkit-animation-delay: -19266ms;
animation-delay: -19266ms;
}
.snow:nth-child(163) .rotate {
-webkit-animation-delay: -32964ms;
animation-delay: -32964ms;
}
.snow:nth-child(164) {
transform: translate3d(117px, -150px, 54px);
}
.snow:nth-child(164) .shake {
-webkit-animation-delay: -56540ms;
animation-delay: -56540ms;
}
.snow:nth-child(164) .drop {
-webkit-animation-delay: -83771ms;
animation-delay: -83771ms;
}
.snow:nth-child(164) .rotate {
-webkit-animation-delay: -86846ms;
animation-delay: -86846ms;
}
.snow:nth-child(165) {
transform: translate3d(125px, -150px, -74px);
}
.snow:nth-child(165) .shake {
-webkit-animation-delay: -45503ms;
animation-delay: -45503ms;
}
.snow:nth-child(165) .drop {
-webkit-animation-delay: -43495ms;
animation-delay: -43495ms;
}
.snow:nth-child(165) .rotate {
-webkit-animation-delay: -90872ms;
animation-delay: -90872ms;
}
.snow:nth-child(166) {
transform: translate3d(56px, -150px, 84px);
}
.snow:nth-child(166) .shake {
-webkit-animation-delay: -74746ms;
animation-delay: -74746ms;
}
.snow:nth-child(166) .drop {
-webkit-animation-delay: -33420ms;
animation-delay: -33420ms;
}
.snow:nth-child(166) .rotate {
-webkit-animation-delay: -87330ms;
animation-delay: -87330ms;
}
.snow:nth-child(167) {
transform: translate3d(-107px, -150px, -104px);
}
.snow:nth-child(167) .shake {
-webkit-animation-delay: -91742ms;
animation-delay: -91742ms;
}
.snow:nth-child(167) .drop {
-webkit-animation-delay: -78131ms;
animation-delay: -78131ms;
}
.snow:nth-child(167) .rotate {
-webkit-animation-delay: -30289ms;
animation-delay: -30289ms;
}
.snow:nth-child(168) {
transform: translate3d(-149px, -150px, -80px);
}
.snow:nth-child(168) .shake {
-webkit-animation-delay: -63563ms;
animation-delay: -63563ms;
}
.snow:nth-child(168) .drop {
-webkit-animation-delay: -55894ms;
animation-delay: -55894ms;
}
.snow:nth-child(168) .rotate {
-webkit-animation-delay: -6995ms;
animation-delay: -6995ms;
}
.snow:nth-child(169) {
transform: translate3d(140px, -150px, -78px);
}
.snow:nth-child(169) .shake {
-webkit-animation-delay: -85452ms;
animation-delay: -85452ms;
}
.snow:nth-child(169) .drop {
-webkit-animation-delay: -5995ms;
animation-delay: -5995ms;
}
.snow:nth-child(169) .rotate {
-webkit-animation-delay: -45451ms;
animation-delay: -45451ms;
}
.snow:nth-child(170) {
transform: translate3d(115px, -150px, 99px);
}
.snow:nth-child(170) .shake {
-webkit-animation-delay: -41529ms;
animation-delay: -41529ms;
}
.sno.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0