#bubble{margin:2% auto;text-align:center}#bubble span{animation:wave 2s ease-in-out infinite;-moz-animation:wave 2s ease-in-out infinite;-webkit-animation:wave 2s ease-in-out infinite;background:#00000050;border-radius:50%;display:inline-block;height:10px;margin:15px 4px;transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);width:10px}#bubble span:first-child{animation-delay:0s;-moz-animation-delay:0s;-webkit-animation-delay:0s}#bubble span:nth-child(2){animation-delay:.1s;-moz-animation-delay:.1s;-webkit-animation-delay:.1s}#bubble span:nth-child(3){animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-delay:.2s}#bubble span:nth-child(4){animation-delay:.3s;-moz-animation-delay:.3s;-webkit-animation-delay:.3s}@keyframes wave{0%,60%,to{background:#00000050;transform:translateY(0);-moz-transform:translateY(0)}20%{background:#000;transform:translateY(13px);-moz-transform:translateY(13px)}40%{background:#000;transform:translateY(-13px);-moz-transform:translateY(-13px)}}