div.drop-container{height:100px;right:0;position:absolute;bottom:0;top:-80px;margin:auto;left:0;width:100px}div.drop{animation:drip 4s infinite forwards;height:100%;transform:rotate(0deg);position:absolute;top:-75%;margin:40px 0 0;border-radius:100% 5% 100% 100%;background:#00bfff;width:100%}.loading-pic h4{animation:appear 2s 2.5s forwards;height:1em;font-size:18px;right:0;color:#fff;position:absolute;opacity:0;bottom:0;text-align:center;top:0;margin:auto;left:0;z-index:2}@keyframes appear{0%{opacity:0}to{opacity:1}}div.drop-container:after,div.drop-container:before{animation:dripple 2s ease-out 1s infinite;height:75%;transform:translate(50%) rotateX(75deg);border:5px solid skyblue;right:50%;content:"";position:absolute;opacity:0;top:50%;border-radius:100%;width:75%;z-index:-1}div.drop-container:after{animation:dripple 2s ease-out 1.7s infinite}@keyframes drip{45%{transform:rotate(-45deg);top:0;border-radius:100% 5% 100% 100%}to{transform:rotate(0deg);top:0;border-radius:100%}}@keyframes dripple{0%{height:150px;width:150px}25%{opacity:1}to{height:500px;opacity:0;top:-100%;width:500px}}