css3动画（从上、左下、左、右进入页面）

/*动画-start*/
.animated {animation-duration: 1.5s !important;-webkit-animation-duration: 1.5s !important;animation-fill-mode: both !important;-webkit-animation-fill-mode: both !important;
}
.animated02 {animation-duration: 1s !important;-webkit-animation-duration: 1s !important;animation-fill-mode: both !important;-webkit-animation-fill-mode: both !important;
}
/*逐渐显示*/
.toShow {position: absolute;animation: toShow 1.5s 0.5s;animation: toShow 1.5s 0.5s;animation-fill-mode: both !important;-webkit-animation-fill-mode: both !important;
}
/* 放大效果*/
.enlarge {animation-name: enlarge;-webkit-animation: enlarge;
}/*从上到下进入*/
.fadeInDown {animation-name: fadeInDown;-webkit-animation: fadeInDown;
}
/*从下到上进入*/
.fadeInUpLeft {animation-name: fadeInUpLeft;-webkit-animation: fadeInUpLeft;
}
/*从右到左进入*/
.fadeInRight {animation-name: fadeInRight;-webkit-animation: fadeInRigh

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！