.w3-animate-opacity{animation:opac 2s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-opacity-short{animation:opac 1s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 2s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-top-short{position:relative;animation:animatetop 1.5s}@keyframes animatetop{from{top:-100px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 2s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-left-short{position:relative;animation:animatelefts 1.5s}@keyframes animatelefts{from{left:-330px;opacity:0} to{left:0;opacity:1}}
.w3-animate-left-nofade{position:relative;animation:animateleftsa 1.5s}@keyframes animateleftsa{from{left:-330px;opacity:1} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 2s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-right-nofade{position:relative;animation:animaterighta 2s}@keyframes animaterighta{from{right:-330px;opacity:1} to{right:0;opacity:1}}
.w3-animate-right-yesfade{position:relative;animation:animaterights 2s}@keyframes animaterights{from{right:-320px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 2s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom{animation:animatezoom 2s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-fade{position:relative;animation:fade 5s}@keyframes fade{0% {opacity:0.8} 50% {opacity:0.8} 100% {opacity:0}}





