61 lines
1.3 KiB
SCSS
61 lines
1.3 KiB
SCSS
|
/*!
|
||
|
|
Animate.css - http://daneden.me/animate
|
||
|
|
Licensed under the MIT license - http://opensource.org/licenses/MIT
|
||
|
|
|
||
|
|
Copyright (c) 2014 Daniel Eden
|
||
|
|
*/
|
||
|
|
|
||
|
|
.animated {
|
||
|
|
-webkit-animation-duration: 1s;
|
||
|
|
animation-duration: 1s;
|
||
|
|
-webkit-animation-fill-mode: both;
|
||
|
|
animation-fill-mode: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
.animated.infinite {
|
||
|
|
-webkit-animation-iteration-count: infinite;
|
||
|
|
animation-iteration-count: infinite;
|
||
|
|
}
|
||
|
|
|
||
|
|
.animated.hinge {
|
||
|
|
-webkit-animation-duration: 2s;
|
||
|
|
animation-duration: 2s;
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes fadeInDown {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translateY(-20px);
|
||
|
|
transform: translateY(-20px);
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateY(0);
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes fadeInDown {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
|
||
|
|
-webkit-transform: translateY(-20px) translate3d(0, 0, 0);
|
||
|
|
-ms-transform: translateY(-20px) translate3d(0, 0, 0);
|
||
|
|
transform: translateY(-20px) translate3d(0, 0, 0);
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
|
||
|
|
-webkit-transform: translateY(0) translate3d(0, 0, 0);
|
||
|
|
-ms-transform: translateY(0) translate3d(0, 0, 0);
|
||
|
|
transform: translateY(0) translate3d(0, 0, 0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.fade-in-down {
|
||
|
|
-webkit-animation-name: fadeInDown;
|
||
|
|
animation-name: fadeInDown;
|
||
|
|
}
|