|
|
- /*
- Animate.css - http://daneden.me/animate
- LICENSED UNDER THE MIT LICENSE (MIT)
- Copyright (c) 2011 Dan Eden
- */
- .animated {
- -webkit-animation-duration: 1s;
- -moz-animation-duration: 1s;
- -ms-animation-duration: 1s;
- -o-animation-duration: 1s;
- animation-duration: 1s;
- }
- .animated.hinge {
- -webkit-animation-duration: 2s;
- -moz-animation-duration: 2s;
- -ms-animation-duration: 2s;
- -o-animation-duration: 2s;
- animation-duration: 2s;
- }
- @-webkit-keyframes fadeInUp {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(20px);
- }
-
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0);
- }
- }
- @-moz-keyframes fadeInUp {
- 0% {
- opacity: 0;
- -moz-transform: translateY(20px);
- }
-
- 100% {
- opacity: 1;
- -moz-transform: translateY(0);
- }
- }
- @-ms-keyframes fadeInUp {
- 0% {
- opacity: 0;
- -ms-transform: translateY(20px);
- }
-
- 100% {
- opacity: 1;
- -ms-transform: translateY(0);
- }
- }
- @-o-keyframes fadeInUp {
- 0% {
- opacity: 0;
- -o-transform: translateY(20px);
- }
-
- 100% {
- opacity: 1;
- -o-transform: translateY(0);
- }
- }
- @keyframes fadeInUp {
- 0% {
- opacity: 0;
- transform: translateY(20px);
- }
-
- 100% {
- opacity: 1;
- transform: translateY(0);
- }
- }
- .fadeInUp {
- -webkit-animation-name: fadeInUp;
- -moz-animation-name: fadeInUp;
- -ms-animation-name: fadeInUp;
- -o-animation-name: fadeInUp;
- animation-name: fadeInUp;
- }
复制代码 |
|