Favourite Cocktail by
Luiz Otávio Carvalho
On: 12 Jul 2016
Personal site: http://codepen.io/superoak
<div class="circle">
<div class="table"></div>
<div class="glass">
<div class="reflex"></div>
<div class="base"></div>
<div class="base shadow"></div>
<div class="wine">
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
<div class="wine-line"></div>
</div>
</div>
</div>
body {
background-color: #292929;
}
.circle {
position: absolute;
left: 50%;
top: 20px;
margin-left: -150px;
overflow: hidden;
width: 300px;
height: 300px;
background-color: #d52744;
border-radius: 50%;
}
.table {
position: absolute;
bottom: 0;
width: 300px;
height: 100px;
background-color: #e7505c;
}
.glass {
position: relative;
left: 50%;
margin-left: -70px;
top: 40px;
width: 100px;
height: 90px;
background-color: #CCD6DD;
border: 20px solid #8899A6;
border-top: 0;
border-radius: 0 0 100% 100% / 0 0 250px 250px;
}
.glass:after {
content: "";
position: absolute;
left: 50%;
top: -20px;
width: 140px;
height: 40px;
margin-left: -70px;
border-radius: 50%;
background-color: #CCD6DD;
}
.glass .reflex {
position: absolute;
top: -35px;
left: 50%;
z-index: 1;
margin-left: -65px;
width: 130px;
height: 50px;
border-bottom: 15px solid white;
border-radius: 50%;
}
.glass .base {
position: absolute;
top: 180px;
left: 50%;
z-index: 2;
margin-left: -40px;
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-bottom: 20px solid #8899A6;
}
.glass .base.shadow {
z-index: 1;
top: 205px;
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
border-bottom-color: #bf3a44;
}
.glass .base.shadow:after, .glass .base.shadow:before {
background-color: #bf3a44;
}
.glass .base:before, .glass .base:after {
content: "";
position: absolute;
left: 50%;
}
.glass .base:before {
width: 20px;
height: 100px;
margin-left: -10px;
bottom: -15px;
background-color: #8899A6;
}
.glass .base:after {
margin-left: -40px;
bottom: -30px;
width: 80px;
height: 20px;
background-color: #8899A6;
border-radius: 50%;
}
.glass .wine {
position: absolute;
bottom: -5px;
left: 50%;
margin-left: -45px;
width: 90px;
height: 50px;
background-color: #A0041E;
border-radius: 0 0 100% 100%/ 0 0 200% 200%;
}
.glass .wine .wine-line {
background: #A0041E;
width: 1px;
height: 1px;
float: left;
-webkit-animation: wave 1s infinite ease-in-out alternate;
animation: wave 1s infinite ease-in-out alternate;
z-index: 1;
position: absolute;
top: 1px;
}
.glass .wine .wine-line:nth-child(0) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
left: -1px;
}
.glass .wine .wine-line:nth-child(1) {
-webkit-animation-delay: 0.01s;
animation-delay: 0.01s;
left: 0px;
}
.glass .wine .wine-line:nth-child(2) {
-webkit-animation-delay: 0.02s;
animation-delay: 0.02s;
left: 1px;
}
.glass .wine .wine-line:nth-child(3) {
-webkit-animation-delay: 0.03s;
animation-delay: 0.03s;
left: 2px;
}
.glass .wine .wine-line:nth-child(4) {
-webkit-animation-delay: 0.04s;
animation-delay: 0.04s;
left: 3px;
}
.glass .wine .wine-line:nth-child(5) {
-webkit-animation-delay: 0.05s;
animation-delay: 0.05s;
left: 4px;
}
.glass .wine .wine-line:nth-child(6) {
-webkit-animation-delay: 0.06s;
animation-delay: 0.06s;
left: 5px;
}
.glass .wine .wine-line:nth-child(7) {
-webkit-animation-delay: 0.07s;
animation-delay: 0.07s;
left: 6px;
}
.glass .wine .wine-line:nth-child(8) {
-webkit-animation-delay: 0.08s;
animation-delay: 0.08s;
left: 7px;
}
.glass .wine .wine-line:nth-child(9) {
-webkit-animation-delay: 0.09s;
animation-delay: 0.09s;
left: 8px;
}
.glass .wine .wine-line:nth-child(10) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
left: 9px;
}
.glass .wine .wine-line:nth-child(11) {
-webkit-animation-delay: 0.11s;
animation-delay: 0.11s;
left: 10px;
}
.glass .wine .wine-line:nth-child(12) {
-webkit-animation-delay: 0.12s;
animation-delay: 0.12s;
left: 11px;
}
.glass .wine .wine-line:nth-child(13) {
-webkit-animation-delay: 0.13s;
animation-delay: 0.13s;
left: 12px;
}
.glass .wine .wine-line:nth-child(14) {
-webkit-animation-delay: 0.14s;
animation-delay: 0.14s;
left: 13px;
}
.glass .wine .wine-line:nth-child(15) {
-webkit-animation-delay: 0.15s;
animation-delay: 0.15s;
left: 14px;
}
.glass .wine .wine-line:nth-child(16) {
-webkit-animation-delay: 0.16s;
animation-delay: 0.16s;
left: 15px;
}
.glass .wine .wine-line:nth-child(17) {
-webkit-animation-delay: 0.17s;
animation-delay: 0.17s;
left: 16px;
}
.glass .wine .wine-line:nth-child(18) {
-webkit-animation-delay: 0.18s;
animation-delay: 0.18s;
left: 17px;
}
.glass .wine .wine-line:nth-child(19) {
-webkit-animation-delay: 0.19s;
animation-delay: 0.19s;
left: 18px;
}
.glass .wine .wine-line:nth-child(20) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
left: 19px;
}
.glass .wine .wine-line:nth-child(21) {
-webkit-animation-delay: 0.21s;
animation-delay: 0.21s;
left: 20px;
}
.glass .wine .wine-line:nth-child(22) {
-webkit-animation-delay: 0.22s;
animation-delay: 0.22s;
left: 21px;
}
.glass .wine .wine-line:nth-child(23) {
-webkit-animation-delay: 0.23s;
animation-delay: 0.23s;
left: 22px;
}
.glass .wine .wine-line:nth-child(24) {
-webkit-animation-delay: 0.24s;
animation-delay: 0.24s;
left: 23px;
}
.glass .wine .wine-line:nth-child(25) {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
left: 24px;
}
.glass .wine .wine-line:nth-child(26) {
-webkit-animation-delay: 0.26s;
animation-delay: 0.26s;
left: 25px;
}
.glass .wine .wine-line:nth-child(27) {
-webkit-animation-delay: 0.27s;
animation-delay: 0.27s;
left: 26px;
}
.glass .wine .wine-line:nth-child(28) {
-webkit-animation-delay: 0.28s;
animation-delay: 0.28s;
left: 27px;
}
.glass .wine .wine-line:nth-child(29) {
-webkit-animation-delay: 0.29s;
animation-delay: 0.29s;
left: 28px;
}
.glass .wine .wine-line:nth-child(30) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
left: 29px;
}
.glass .wine .wine-line:nth-child(31) {
-webkit-animation-delay: 0.31s;
animation-delay: 0.31s;
left: 30px;
}
.glass .wine .wine-line:nth-child(32) {
-webkit-animation-delay: 0.32s;
animation-delay: 0.32s;
left: 31px;
}
.glass .wine .wine-line:nth-child(33) {
-webkit-animation-delay: 0.33s;
animation-delay: 0.33s;
left: 32px;
}
.glass .wine .wine-line:nth-child(34) {
-webkit-animation-delay: 0.34s;
animation-delay: 0.34s;
left: 33px;
}
.glass .wine .wine-line:nth-child(35) {
-webkit-animation-delay: 0.35s;
animation-delay: 0.35s;
left: 34px;
}
.glass .wine .wine-line:nth-child(36) {
-webkit-animation-delay: 0.36s;
animation-delay: 0.36s;
left: 35px;
}
.glass .wine .wine-line:nth-child(37) {
-webkit-animation-delay: 0.37s;
animation-delay: 0.37s;
left: 36px;
}
.glass .wine .wine-line:nth-child(38) {
-webkit-animation-delay: 0.38s;
animation-delay: 0.38s;
left: 37px;
}
.glass .wine .wine-line:nth-child(39) {
-webkit-animation-delay: 0.39s;
animation-delay: 0.39s;
left: 38px;
}
.glass .wine .wine-line:nth-child(40) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
left: 39px;
}
.glass .wine .wine-line:nth-child(41) {
-webkit-animation-delay: 0.41s;
animation-delay: 0.41s;
left: 40px;
}
.glass .wine .wine-line:nth-child(42) {
-webkit-animation-delay: 0.42s;
animation-delay: 0.42s;
left: 41px;
}
.glass .wine .wine-line:nth-child(43) {
-webkit-animation-delay: 0.43s;
animation-delay: 0.43s;
left: 42px;
}
.glass .wine .wine-line:nth-child(44) {
-webkit-animation-delay: 0.44s;
animation-delay: 0.44s;
left: 43px;
}
.glass .wine .wine-line:nth-child(45) {
-webkit-animation-delay: 0.45s;
animation-delay: 0.45s;
left: 44px;
}
.glass .wine .wine-line:nth-child(46) {
-webkit-animation-delay: 0.46s;
animation-delay: 0.46s;
left: 45px;
}
.glass .wine .wine-line:nth-child(47) {
-webkit-animation-delay: 0.47s;
animation-delay: 0.47s;
left: 46px;
}
.glass .wine .wine-line:nth-child(48) {
-webkit-animation-delay: 0.48s;
animation-delay: 0.48s;
left: 47px;
}
.glass .wine .wine-line:nth-child(49) {
-webkit-animation-delay: 0.49s;
animation-delay: 0.49s;
left: 48px;
}
.glass .wine .wine-line:nth-child(50) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
left: 49px;
}
.glass .wine .wine-line:nth-child(51) {
-webkit-animation-delay: 0.51s;
animation-delay: 0.51s;
left: 50px;
}
.glass .wine .wine-line:nth-child(52) {
-webkit-animation-delay: 0.52s;
animation-delay: 0.52s;
left: 51px;
}
.glass .wine .wine-line:nth-child(53) {
-webkit-animation-delay: 0.53s;
animation-delay: 0.53s;
left: 52px;
}
.glass .wine .wine-line:nth-child(54) {
-webkit-animation-delay: 0.54s;
animation-delay: 0.54s;
left: 53px;
}
.glass .wine .wine-line:nth-child(55) {
-webkit-animation-delay: 0.55s;
animation-delay: 0.55s;
left: 54px;
}
.glass .wine .wine-line:nth-child(56) {
-webkit-animation-delay: 0.56s;
animation-delay: 0.56s;
left: 55px;
}
.glass .wine .wine-line:nth-child(57) {
-webkit-animation-delay: 0.57s;
animation-delay: 0.57s;
left: 56px;
}
.glass .wine .wine-line:nth-child(58) {
-webkit-animation-delay: 0.58s;
animation-delay: 0.58s;
left: 57px;
}
.glass .wine .wine-line:nth-child(59) {
-webkit-animation-delay: 0.59s;
animation-delay: 0.59s;
left: 58px;
}
.glass .wine .wine-line:nth-child(60) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
left: 59px;
}
.glass .wine .wine-line:nth-child(61) {
-webkit-animation-delay: 0.61s;
animation-delay: 0.61s;
left: 60px;
}
.glass .wine .wine-line:nth-child(62) {
-webkit-animation-delay: 0.62s;
animation-delay: 0.62s;
left: 61px;
}
.glass .wine .wine-line:nth-child(63) {
-webkit-animation-delay: 0.63s;
animation-delay: 0.63s;
left: 62px;
}
.glass .wine .wine-line:nth-child(64) {
-webkit-animation-delay: 0.64s;
animation-delay: 0.64s;
left: 63px;
}
.glass .wine .wine-line:nth-child(65) {
-webkit-animation-delay: 0.65s;
animation-delay: 0.65s;
left: 64px;
}
.glass .wine .wine-line:nth-child(66) {
-webkit-animation-delay: 0.66s;
animation-delay: 0.66s;
left: 65px;
}
.glass .wine .wine-line:nth-child(67) {
-webkit-animation-delay: 0.67s;
animation-delay: 0.67s;
left: 66px;
}
.glass .wine .wine-line:nth-child(68) {
-webkit-animation-delay: 0.68s;
animation-delay: 0.68s;
left: 67px;
}
.glass .wine .wine-line:nth-child(69) {
-webkit-animation-delay: 0.69s;
animation-delay: 0.69s;
left: 68px;
}
.glass .wine .wine-line:nth-child(70) {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
left: 69px;
}
.glass .wine .wine-line:nth-child(71) {
-webkit-animation-delay: 0.71s;
animation-delay: 0.71s;
left: 70px;
}
.glass .wine .wine-line:nth-child(72) {
-webkit-animation-delay: 0.72s;
animation-delay: 0.72s;
left: 71px;
}
.glass .wine .wine-line:nth-child(73) {
-webkit-animation-delay: 0.73s;
animation-delay: 0.73s;
left: 72px;
}
.glass .wine .wine-line:nth-child(74) {
-webkit-animation-delay: 0.74s;
animation-delay: 0.74s;
left: 73px;
}
.glass .wine .wine-line:nth-child(75) {
-webkit-animation-delay: 0.75s;
animation-delay: 0.75s;
left: 74px;
}
.glass .wine .wine-line:nth-child(76) {
-webkit-animation-delay: 0.76s;
animation-delay: 0.76s;
left: 75px;
}
.glass .wine .wine-line:nth-child(77) {
-webkit-animation-delay: 0.77s;
animation-delay: 0.77s;
left: 76px;
}
.glass .wine .wine-line:nth-child(78) {
-webkit-animation-delay: 0.78s;
animation-delay: 0.78s;
left: 77px;
}
.glass .wine .wine-line:nth-child(79) {
-webkit-animation-delay: 0.79s;
animation-delay: 0.79s;
left: 78px;
}
.glass .wine .wine-line:nth-child(80) {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
left: 79px;
}
.glass .wine .wine-line:nth-child(81) {
-webkit-animation-delay: 0.81s;
animation-delay: 0.81s;
left: 80px;
}
.glass .wine .wine-line:nth-child(82) {
-webkit-animation-delay: 0.82s;
animation-delay: 0.82s;
left: 81px;
}
.glass .wine .wine-line:nth-child(83) {
-webkit-animation-delay: 0.83s;
animation-delay: 0.83s;
left: 82px;
}
.glass .wine .wine-line:nth-child(84) {
-webkit-animation-delay: 0.84s;
animation-delay: 0.84s;
left: 83px;
}
.glass .wine .wine-line:nth-child(85) {
-webkit-animation-delay: 0.85s;
animation-delay: 0.85s;
left: 84px;
}
.glass .wine .wine-line:nth-child(86) {
-webkit-animation-delay: 0.86s;
animation-delay: 0.86s;
left: 85px;
}
.glass .wine .wine-line:nth-child(87) {
-webkit-animation-delay: 0.87s;
animation-delay: 0.87s;
left: 86px;
}
.glass .wine .wine-line:nth-child(88) {
-webkit-animation-delay: 0.88s;
animation-delay: 0.88s;
left: 87px;
}
.glass .wine .wine-line:nth-child(89) {
-webkit-animation-delay: 0.89s;
animation-delay: 0.89s;
left: 88px;
}
.glass .wine .wine-line:nth-child(90) {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
left: 89px;
}
.glass .wine .wine-line:nth-child(91) {
-webkit-animation-delay: 0.91s;
animation-delay: 0.91s;
left: 90px;
}
.glass .wine .wine-line:nth-child(92) {
-webkit-animation-delay: 0.92s;
animation-delay: 0.92s;
left: 91px;
}
.glass .wine .wine-line:nth-child(93) {
-webkit-animation-delay: 0.93s;
animation-delay: 0.93s;
left: 92px;
}
.glass .wine .wine-line:nth-child(94) {
-webkit-animation-delay: 0.94s;
animation-delay: 0.94s;
left: 93px;
}
.glass .wine .wine-line:nth-child(95) {
-webkit-animation-delay: 0.95s;
animation-delay: 0.95s;
left: 94px;
}
.glass .wine .wine-line:nth-child(96) {
-webkit-animation-delay: 0.96s;
animation-delay: 0.96s;
left: 95px;
}
.glass .wine .wine-line:nth-child(97) {
-webkit-animation-delay: 0.97s;
animation-delay: 0.97s;
left: 96px;
}
.glass .wine .wine-line:nth-child(98) {
-webkit-animation-delay: 0.98s;
animation-delay: 0.98s;
left: 97px;
}
.glass .wine .wine-line:nth-child(99) {
-webkit-animation-delay: 0.99s;
animation-delay: 0.99s;
left: 98px;
}
.glass .wine .wine-line:nth-child(100) {
-webkit-animation-delay: 1s;
animation-delay: 1s;
left: 99px;
}
.glass .wine .wine-line:nth-child(101) {
-webkit-animation-delay: 1.01s;
animation-delay: 1.01s;
left: 100px;
}
.glass .wine .wine-line:nth-child(102) {
-webkit-animation-delay: 1.02s;
animation-delay: 1.02s;
left: 101px;
}
.glass .wine .wine-line:nth-child(103) {
-webkit-animation-delay: 1.03s;
animation-delay: 1.03s;
left: 102px;
}
.glass .wine .wine-line:nth-child(104) {
-webkit-animation-delay: 1.04s;
animation-delay: 1.04s;
left: 103px;
}
.glass .wine .wine-line:nth-child(105) {
-webkit-animation-delay: 1.05s;
animation-delay: 1.05s;
left: 104px;
}
.glass .wine .wine-line:nth-child(106) {
-webkit-animation-delay: 1.06s;
animation-delay: 1.06s;
left: 105px;
}
.glass .wine .wine-line:nth-child(107) {
-webkit-animation-delay: 1.07s;
animation-delay: 1.07s;
left: 106px;
}
.glass .wine .wine-line:nth-child(108) {
-webkit-animation-delay: 1.08s;
animation-delay: 1.08s;
left: 107px;
}
.glass .wine .wine-line:nth-child(109) {
-webkit-animation-delay: 1.09s;
animation-delay: 1.09s;
left: 108px;
}
.glass .wine .wine-line:nth-child(110) {
-webkit-animation-delay: 1.1s;
animation-delay: 1.1s;
left: 109px;
}
.glass .wine .wine-line:nth-child(111) {
-webkit-animation-delay: 1.11s;
animation-delay: 1.11s;
left: 110px;
}
.glass .wine .wine-line:nth-child(112) {
-webkit-animation-delay: 1.12s;
animation-delay: 1.12s;
left: 111px;
}
.glass .wine .wine-line:nth-child(113) {
-webkit-animation-delay: 1.13s;
animation-delay: 1.13s;
left: 112px;
}
.glass .wine .wine-line:nth-child(114) {
-webkit-animation-delay: 1.14s;
animation-delay: 1.14s;
left: 113px;
}
.glass .wine .wine-line:nth-child(115) {
-webkit-animation-delay: 1.15s;
animation-delay: 1.15s;
left: 114px;
}
.glass .wine .wine-line:nth-child(116) {
-webkit-animation-delay: 1.16s;
animation-delay: 1.16s;
left: 115px;
}
.glass .wine .wine-line:nth-child(117) {
-webkit-animation-delay: 1.17s;
animation-delay: 1.17s;
left: 116px;
}
.glass .wine .wine-line:nth-child(118) {
-webkit-animation-delay: 1.18s;
animation-delay: 1.18s;
left: 117px;
}
.glass .wine .wine-line:nth-child(119) {
-webkit-animation-delay: 1.19s;
animation-delay: 1.19s;
left: 118px;
}
.glass .wine .wine-line:nth-child(120) {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
left: 119px;
}
.glass .wine .wine-line:nth-child(121) {
-webkit-animation-delay: 1.21s;
animation-delay: 1.21s;
left: 120px;
}
.glass .wine .wine-line:nth-child(122) {
-webkit-animation-delay: 1.22s;
animation-delay: 1.22s;
left: 121px;
}
.glass .wine .wine-line:nth-child(123) {
-webkit-animation-delay: 1.23s;
animation-delay: 1.23s;
left: 122px;
}
.glass .wine .wine-line:nth-child(124) {
-webkit-animation-delay: 1.24s;
animation-delay: 1.24s;
left: 123px;
}
.glass .wine .wine-line:nth-child(125) {
-webkit-animation-delay: 1.25s;
animation-delay: 1.25s;
left: 124px;
}
.glass .wine .wine-line:nth-child(126) {
-webkit-animation-delay: 1.26s;
animation-delay: 1.26s;
left: 125px;
}
.glass .wine .wine-line:nth-child(127) {
-webkit-animation-delay: 1.27s;
animation-delay: 1.27s;
left: 126px;
}
.glass .wine .wine-line:nth-child(128) {
-webkit-animation-delay: 1.28s;
animation-delay: 1.28s;
left: 127px;
}
.glass .wine .wine-line:nth-child(129) {
-webkit-animation-delay: 1.29s;
animation-delay: 1.29s;
left: 128px;
}
.glass .wine .wine-line:nth-child(130) {
-webkit-animation-delay: 1.3s;
animation-delay: 1.3s;
left: 129px;
}
.glass .wine .wine-line:nth-child(131) {
-webkit-animation-delay: 1.31s;
animation-delay: 1.31s;
left: 130px;
}
.glass .wine .wine-line:nth-child(132) {
-webkit-animation-delay: 1.32s;
animation-delay: 1.32s;
left: 131px;
}
.glass .wine .wine-line:nth-child(133) {
-webkit-animation-delay: 1.33s;
animation-delay: 1.33s;
left: 132px;
}
.glass .wine .wine-line:nth-child(134) {
-webkit-animation-delay: 1.34s;
animation-delay: 1.34s;
left: 133px;
}
.glass .wine .wine-line:nth-child(135) {
-webkit-animation-delay: 1.35s;
animation-delay: 1.35s;
left: 134px;
}
.glass .wine .wine-line:nth-child(136) {
-webkit-animation-delay: 1.36s;
animation-delay: 1.36s;
left: 135px;
}
.glass .wine .wine-line:nth-child(137) {
-webkit-animation-delay: 1.37s;
animation-delay: 1.37s;
left: 136px;
}
.glass .wine .wine-line:nth-child(138) {
-webkit-animation-delay: 1.38s;
animation-delay: 1.38s;
left: 137px;
}
.glass .wine .wine-line:nth-child(139) {
-webkit-animation-delay: 1.39s;
animation-delay: 1.39s;
left: 138px;
}
.glass .wine .wine-line:nth-child(140) {
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
left: 139px;
}
.glass .wine .wine-line:nth-child(141) {
-webkit-animation-delay: 1.41s;
animation-delay: 1.41s;
left: 140px;
}
.glass .wine .wine-line:nth-child(142) {
-webkit-animation-delay: 1.42s;
animation-delay: 1.42s;
left: 141px;
}
.glass .wine .wine-line:nth-child(143) {
-webkit-animation-delay: 1.43s;
animation-delay: 1.43s;
left: 142px;
}
.glass .wine .wine-line:nth-child(144) {
-webkit-animation-delay: 1.44s;
animation-delay: 1.44s;
left: 143px;
}
.glass .wine .wine-line:nth-child(145) {
-webkit-animation-delay: 1.45s;
animation-delay: 1.45s;
left: 144px;
}
.glass .wine .wine-line:nth-child(146) {
-webkit-animation-delay: 1.46s;
animation-delay: 1.46s;
left: 145px;
}
.glass .wine .wine-line:nth-child(147) {
-webkit-animation-delay: 1.47s;
animation-delay: 1.47s;
left: 146px;
}
.glass .wine .wine-line:nth-child(148) {
-webkit-animation-delay: 1.48s;
animation-delay: 1.48s;
left: 147px;
}
.glass .wine .wine-line:nth-child(149) {
-webkit-animation-delay: 1.49s;
animation-delay: 1.49s;
left: 148px;
}
.glass .wine .wine-line:nth-child(150) {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
left: 149px;
}
.glass .wine .wine-line:nth-child(151) {
-webkit-animation-delay: 1.51s;
animation-delay: 1.51s;
left: 150px;
}
.glass .wine .wine-line:nth-child(152) {
-webkit-animation-delay: 1.52s;
animation-delay: 1.52s;
left: 151px;
}
.glass .wine .wine-line:nth-child(153) {
-webkit-animation-delay: 1.53s;
animation-delay: 1.53s;
left: 152px;
}
.glass .wine .wine-line:nth-child(154) {
-webkit-animation-delay: 1.54s;
animation-delay: 1.54s;
left: 153px;
}
.glass .wine .wine-line:nth-child(155) {
-webkit-animation-delay: 1.55s;
animation-delay: 1.55s;
left: 154px;
}
.glass .wine .wine-line:nth-child(156) {
-webkit-animation-delay: 1.56s;
animation-delay: 1.56s;
left: 155px;
}
.glass .wine .wine-line:nth-child(157) {
-webkit-animation-delay: 1.57s;
animation-delay: 1.57s;
left: 156px;
}
.glass .wine .wine-line:nth-child(158) {
-webkit-animation-delay: 1.58s;
animation-delay: 1.58s;
left: 157px;
}
.glass .wine .wine-line:nth-child(159) {
-webkit-animation-delay: 1.59s;
animation-delay: 1.59s;
left: 158px;
}
.glass .wine .wine-line:nth-child(160) {
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
left: 159px;
}
.glass .wine .wine-line:nth-child(161) {
-webkit-animation-delay: 1.61s;
animation-delay: 1.61s;
left: 160px;
}
.glass .wine .wine-line:nth-child(162) {
-webkit-animation-delay: 1.62s;
animation-delay: 1.62s;
left: 161px;
}
.glass .wine .wine-line:nth-child(163) {
-webkit-animation-delay: 1.63s;
animation-delay: 1.63s;
left: 162px;
}
.glass .wine .wine-line:nth-child(164) {
-webkit-animation-delay: 1.64s;
animation-delay: 1.64s;
left: 163px;
}
.glass .wine .wine-line:nth-child(165) {
-webkit-animation-delay: 1.65s;
animation-delay: 1.65s;
left: 164px;
}
.glass .wine .wine-line:nth-child(166) {
-webkit-animation-delay: 1.66s;
animation-delay: 1.66s;
left: 165px;
}
.glass .wine .wine-line:nth-child(167) {
-webkit-animation-delay: 1.67s;
animation-delay: 1.67s;
left: 166px;
}
.glass .wine .wine-line:nth-child(168) {
-webkit-animation-delay: 1.68s;
animation-delay: 1.68s;
left: 167px;
}
.glass .wine .wine-line:nth-child(169) {
-webkit-animation-delay: 1.69s;
animation-delay: 1.69s;
left: 168px;
}
.glass .wine .wine-line:nth-child(170) {
-webkit-animation-delay: 1.7s;
animation-delay: 1.7s;
left: 169px;
}
.glass .wine .wine-line:nth-child(171) {
-webkit-animation-delay: 1.71s;
animation-delay: 1.71s;
left: 170px;
}
.glass .wine .wine-line:nth-child(172) {
-webkit-animation-delay: 1.72s;
animation-delay: 1.72s;
left: 171px;
}
.glass .wine .wine-line:nth-child(173) {
-webkit-animation-delay: 1.73s;
animation-delay: 1.73s;
left: 172px;
}
.glass .wine .wine-line:nth-child(174) {
-webkit-animation-delay: 1.74s;
animation-delay: 1.74s;
left: 173px;
}
.glass .wine .wine-line:nth-child(175) {
-webkit-animation-delay: 1.75s;
animation-delay: 1.75s;
left: 174px;
}
.glass .wine .wine-line:nth-child(176) {
-webkit-animation-delay: 1.76s;
animation-delay: 1.76s;
left: 175px;
}
.glass .wine .wine-line:nth-child(177) {
-webkit-animation-delay: 1.77s;
animation-delay: 1.77s;
left: 176px;
}
.glass .wine .wine-line:nth-child(178) {
-webkit-animation-delay: 1.78s;
animation-delay: 1.78s;
left: 177px;
}
.glass .wine .wine-line:nth-child(179) {
-webkit-animation-delay: 1.79s;
animation-delay: 1.79s;
left: 178px;
}
.glass .wine .wine-line:nth-child(180) {
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
left: 179px;
}
.glass .wine .wine-line:nth-child(181) {
-webkit-animation-delay: 1.81s;
animation-delay: 1.81s;
left: 180px;
}
.glass .wine .wine-line:nth-child(182) {
-webkit-animation-delay: 1.82s;
animation-delay: 1.82s;
left: 181px;
}
.glass .wine .wine-line:nth-child(183) {
-webkit-animation-delay: 1.83s;
animation-delay: 1.83s;
left: 182px;
}
.glass .wine .wine-line:nth-child(184) {
-webkit-animation-delay: 1.84s;
animation-delay: 1.84s;
left: 183px;
}
.glass .wine .wine-line:nth-child(185) {
-webkit-animation-delay: 1.85s;
animation-delay: 1.85s;
left: 184px;
}
.glass .wine .wine-line:nth-child(186) {
-webkit-animation-delay: 1.86s;
animation-delay: 1.86s;
left: 185px;
}
.glass .wine .wine-line:nth-child(187) {
-webkit-animation-delay: 1.87s;
animation-delay: 1.87s;
left: 186px;
}
.glass .wine .wine-line:nth-child(188) {
-webkit-animation-delay: 1.88s;
animation-delay: 1.88s;
left: 187px;
}
.glass .wine .wine-line:nth-child(189) {
-webkit-animation-delay: 1.89s;
animation-delay: 1.89s;
left: 188px;
}
.glass .wine .wine-line:nth-child(190) {
-webkit-animation-delay: 1.9s;
animation-delay: 1.9s;
left: 189px;
}
.glass .wine .wine-line:nth-child(191) {
-webkit-animation-delay: 1.91s;
animation-delay: 1.91s;
left: 190px;
}
.glass .wine .wine-line:nth-child(192) {
-webkit-animation-delay: 1.92s;
animation-delay: 1.92s;
left: 191px;
}
.glass .wine .wine-line:nth-child(193) {
-webkit-animation-delay: 1.93s;
animation-delay: 1.93s;
left: 192px;
}
.glass .wine .wine-line:nth-child(194) {
-webkit-animation-delay: 1.94s;
animation-delay: 1.94s;
left: 193px;
}
.glass .wine .wine-line:nth-child(195) {
-webkit-animation-delay: 1.95s;
animation-delay: 1.95s;
left: 194px;
}
.glass .wine .wine-line:nth-child(196) {
-webkit-animation-delay: 1.96s;
animation-delay: 1.96s;
left: 195px;
}
.glass .wine .wine-line:nth-child(197) {
-webkit-animation-delay: 1.97s;
animation-delay: 1.97s;
left: 196px;
}
.glass .wine .wine-line:nth-child(198) {
-webkit-animation-delay: 1.98s;
animation-delay: 1.98s;
left: 197px;
}
.glass .wine .wine-line:nth-child(199) {
-webkit-animation-delay: 1.99s;
animation-delay: 1.99s;
left: 198px;
}
.glass .wine .wine-line:nth-child(200) {
-webkit-animation-delay: 2s;
animation-delay: 2s;
left: 199px;
}
.glass .wine .wine-line:nth-child(201) {
-webkit-animation-delay: 2.01s;
animation-delay: 2.01s;
left: 200px;
}
.glass .wine .wine-line:nth-child(202) {
-webkit-animation-delay: 2.02s;
animation-delay: 2.02s;
left: 201px;
}
.glass .wine .wine-line:nth-child(203) {
-webkit-animation-delay: 2.03s;
animation-delay: 2.03s;
left: 202px;
}
.glass .wine .wine-line:nth-child(204) {
-webkit-animation-delay: 2.04s;
animation-delay: 2.04s;
left: 203px;
}
.glass .wine .wine-line:nth-child(205) {
-webkit-animation-delay: 2.05s;
animation-delay: 2.05s;
left: 204px;
}
.glass .wine .wine-line:nth-child(206) {
-webkit-animation-delay: 2.06s;
animation-delay: 2.06s;
left: 205px;
}
.glass .wine .wine-line:nth-child(207) {
-webkit-animation-delay: 2.07s;
animation-delay: 2.07s;
left: 206px;
}
.glass .wine .wine-line:nth-child(208) {
-webkit-animation-delay: 2.08s;
animation-delay: 2.08s;
left: 207px;
}
.glass .wine .wine-line:nth-child(209) {
-webkit-animation-delay: 2.09s;
animation-delay: 2.09s;
left: 208px;
}
.glass .wine .wine-line:nth-child(210) {
-webkit-animation-delay: 2.1s;
animation-delay: 2.1s;
left: 209px;
}
.glass .wine .wine-line:nth-child(211) {
-webkit-animation-delay: 2.11s;
animation-delay: 2.11s;
left: 210px;
}
.glass .wine .wine-line:nth-child(212) {
-webkit-animation-delay: 2.12s;
animation-delay: 2.12s;
left: 211px;
}
.glass .wine .wine-line:nth-child(213) {
-webkit-animation-delay: 2.13s;
animation-delay: 2.13s;
left: 212px;
}
.glass .wine .wine-line:nth-child(214) {
-webkit-animation-delay: 2.14s;
animation-delay: 2.14s;
left: 213px;
}
.glass .wine .wine-line:nth-child(215) {
-webkit-animation-delay: 2.15s;
animation-delay: 2.15s;
left: 214px;
}
.glass .wine .wine-line:nth-child(216) {
-webkit-animation-delay: 2.16s;
animation-delay: 2.16s;
left: 215px;
}
.glass .wine .wine-line:nth-child(217) {
-webkit-animation-delay: 2.17s;
animation-delay: 2.17s;
left: 216px;
}
.glass .wine .wine-line:nth-child(218) {
-webkit-animation-delay: 2.18s;
animation-delay: 2.18s;
left: 217px;
}
.glass .wine .wine-line:nth-child(219) {
-webkit-animation-delay: 2.19s;
animation-delay: 2.19s;
left: 218px;
}
.glass .wine .wine-line:nth-child(220) {
-webkit-animation-delay: 2.2s;
animation-delay: 2.2s;
left: 219px;
}
.glass .wine .wine-line:nth-child(221) {
-webkit-animation-delay: 2.21s;
animation-delay: 2.21s;
left: 220px;
}
.glass .wine .wine-line:nth-child(222) {
-webkit-animation-delay: 2.22s;
animation-delay: 2.22s;
left: 221px;
}
.glass .wine .wine-line:nth-child(223) {
-webkit-animation-delay: 2.23s;
animation-delay: 2.23s;
left: 222px;
}
.glass .wine .wine-line:nth-child(224) {
-webkit-animation-delay: 2.24s;
animation-delay: 2.24s;
left: 223px;
}
.glass .wine .wine-line:nth-child(225) {
-webkit-animation-delay: 2.25s;
animation-delay: 2.25s;
left: 224px;
}
.glass .wine .wine-line:nth-child(226) {
-webkit-animation-delay: 2.26s;
animation-delay: 2.26s;
left: 225px;
}
.glass .wine .wine-line:nth-child(227) {
-webkit-animation-delay: 2.27s;
animation-delay: 2.27s;
left: 226px;
}
.glass .wine .wine-line:nth-child(228) {
-webkit-animation-delay: 2.28s;
animation-delay: 2.28s;
left: 227px;
}
.glass .wine .wine-line:nth-child(229) {
-webkit-animation-delay: 2.29s;
animation-delay: 2.29s;
left: 228px;
}
.glass .wine .wine-line:nth-child(230) {
-webkit-animation-delay: 2.3s;
animation-delay: 2.3s;
left: 229px;
}
.glass .wine .wine-line:nth-child(231) {
-webkit-animation-delay: 2.31s;
animation-delay: 2.31s;
left: 230px;
}
.glass .wine .wine-line:nth-child(232) {
-webkit-animation-delay: 2.32s;
animation-delay: 2.32s;
left: 231px;
}
.glass .wine .wine-line:nth-child(233) {
-webkit-animation-delay: 2.33s;
animation-delay: 2.33s;
left: 232px;
}
.glass .wine .wine-line:nth-child(234) {
-webkit-animation-delay: 2.34s;
animation-delay: 2.34s;
left: 233px;
}
.glass .wine .wine-line:nth-child(235) {
-webkit-animation-delay: 2.35s;
animation-delay: 2.35s;
left: 234px;
}
.glass .wine .wine-line:nth-child(236) {
-webkit-animation-delay: 2.36s;
animation-delay: 2.36s;
left: 235px;
}
.glass .wine .wine-line:nth-child(237) {
-webkit-animation-delay: 2.37s;
animation-delay: 2.37s;
left: 236px;
}
.glass .wine .wine-line:nth-child(238) {
-webkit-animation-delay: 2.38s;
animation-delay: 2.38s;
left: 237px;
}
.glass .wine .wine-line:nth-child(239) {
-webkit-animation-delay: 2.39s;
animation-delay: 2.39s;
left: 238px;
}
.glass .wine .wine-line:nth-child(240) {
-webkit-animation-delay: 2.4s;
animation-delay: 2.4s;
left: 239px;
}
.glass .wine .wine-line:nth-child(241) {
-webkit-animation-delay: 2.41s;
animation-delay: 2.41s;
left: 240px;
}
.glass .wine .wine-line:nth-child(242) {
-webkit-animation-delay: 2.42s;
animation-delay: 2.42s;
left: 241px;
}
.glass .wine .wine-line:nth-child(243) {
-webkit-animation-delay: 2.43s;
animation-delay: 2.43s;
left: 242px;
}
.glass .wine .wine-line:nth-child(244) {
-webkit-animation-delay: 2.44s;
animation-delay: 2.44s;
left: 243px;
}
.glass .wine .wine-line:nth-child(245) {
-webkit-animation-delay: 2.45s;
animation-delay: 2.45s;
left: 244px;
}
.glass .wine .wine-line:nth-child(246) {
-webkit-animation-delay: 2.46s;
animation-delay: 2.46s;
left: 245px;
}
.glass .wine .wine-line:nth-child(247) {
-webkit-animation-delay: 2.47s;
animation-delay: 2.47s;
left: 246px;
}
.glass .wine .wine-line:nth-child(248) {
-webkit-animation-delay: 2.48s;
animation-delay: 2.48s;
left: 247px;
}
.glass .wine .wine-line:nth-child(249) {
-webkit-animation-delay: 2.49s;
animation-delay: 2.49s;
left: 248px;
}
.glass .wine .wine-line:nth-child(250) {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
left: 249px;
}
.glass .wine .wine-line:nth-child(251) {
-webkit-animation-delay: 2.51s;
animation-delay: 2.51s;
left: 250px;
}
.glass .wine .wine-line:nth-child(252) {
-webkit-animation-delay: 2.52s;
animation-delay: 2.52s;
left: 251px;
}
.glass .wine .wine-line:nth-child(253) {
-webkit-animation-delay: 2.53s;
animation-delay: 2.53s;
left: 252px;
}
.glass .wine .wine-line:nth-child(254) {
-webkit-animation-delay: 2.54s;
animation-delay: 2.54s;
left: 253px;
}
.glass .wine .wine-line:nth-child(255) {
-webkit-animation-delay: 2.55s;
animation-delay: 2.55s;
left: 254px;
}
.glass .wine .wine-line:nth-child(256) {
-webkit-animation-delay: 2.56s;
animation-delay: 2.56s;
left: 255px;
}
.glass .wine .wine-line:nth-child(257) {
-webkit-animation-delay: 2.57s;
animation-delay: 2.57s;
left: 256px;
}
.glass .wine .wine-line:nth-child(258) {
-webkit-animation-delay: 2.58s;
animation-delay: 2.58s;
left: 257px;
}
.glass .wine .wine-line:nth-child(259) {
-webkit-animation-delay: 2.59s;
animation-delay: 2.59s;
left: 258px;
}
@-webkit-keyframes wave {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
height: 1px;
}
100% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
height: 10px;
}
}
@keyframes wave {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
height: 1px;
}
100% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
height: 10px;
}
}
24