css3做简单的进场动画

/进场动画/
.fadeInTop {
-webkit-animation: animatename 0.5s;
animation: animatename 0.5s;
}
@keyframes animatename {
0% {
opacity: 0;
/-webkit-transform: translateY(-100%);/
/-ms-transform: translateY(-100%);/
/transform: translateY(-100%);/
}
100% {
opacity: 1;
/-webkit-transform: translateY(-50%);/
/-ms-transform: translateY(-50%);/
/transform: translateY(-50%);/
}
}