/* silide action */
.slide-set{opacity:0;animation-duration: 1s;animation-iteration-count:1;animation-fill-mode: forwards;}
.slide-left {animation-name: slide-left;}
.slide-right {animation-name: slide-right;}
.slide-up {animation-name: slide-up;}
.slide-down {animation-name: slide-down;}
.slide-zoomout {animation-name: slide-zoomout;}
.slide-zoomin {animation-name: slide-zoomin;}
@keyframes slide-left {0% {transform:translate(50px,0);opacity:0;}100% {transform:translate(0,0);opacity:1;}}
@keyframes slide-right {0% {transform:translate(-50px,0);opacity:0;}100% {transform:translate(0,0);opacity:1;}}
@keyframes slide-up {0% {transform:translate(0,150px);opacity:0;}100% {transform:translate(0,0);opacity:1;}}
@keyframes slide-down {0% {transform:translate(0,-50px);opacity:0;}100% {transform:translate(0,0);opacity:1;}}
@keyframes slide-zoomout {0% {transform:scale(1.5);opacity:0;}100% {transform:scale(1);opacity:1;}}
@keyframes slide-zoomin {0% {transform:scale(0.5);opacity:0;}100% {transform:scale(1);opacity:1;}}
@-webkit-keyframes slide-left {0% {transform:translate(50px,0);opacity:0;}100% {transform:translate(0,0);opacity:1;}}
@-webkit-keyframes slide-right {0% {transform:translate(-50px,0);opacity:0;}100% {transform:translate(0,0);opacity:1;}}
@-webkit-keyframes slide-up {0% {transform:translate(0,50px);opacity:0;}100% {transform:translate(0,0);opacity:1;}}
@-webkit-keyframes slide-down {0% {transform:translate(0,-50px);opacity:0;}100% {transform:translate(0,0);opacity:1;}}
@-webkit-keyframes slide-zoomout {0% {transform:scale(1.25);opacity:0;}100% {transform:scale(1);opacity:1;}}
@-webkit-keyframes slide-zoomin {0% {transform:scale(0.75);opacity:0;}100% {transform:scale(1);opacity:1;}}

.slide-delay-1{animation-delay: 100ms;}
.slide-delay-2{animation-delay: 200ms;}
.slide-delay-3{animation-delay: 300ms;}
.slide-delay-4{animation-delay: 400ms;}
.slide-delay-5{animation-delay:500ms;}
.slide-delay-6{animation-delay:600ms;}
.slide-delay-7{animation-delay:700ms;}
.slide-delay-8{animation-delay:800ms;}
.slide-delay-9{animation-delay:900ms;}
.slide-delay-10{animation-delay:1000ms;}
/* silide action */

