You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
228 lines
3.2 KiB
228 lines
3.2 KiB
6 years ago
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
// This file was modified by Creative Tim to keep only the animation that we need for Bootstrap Notify
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
@charset "UTF-8";
|
||
|
|
||
|
/*!
|
||
|
Animate.css - http://daneden.me/animate
|
||
|
Licensed under the MIT license - http://opensource.org/licenses/MIT
|
||
|
|
||
|
Copyright (c) 2015 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;
|
||
|
}
|
||
|
|
||
|
.animated.bounceIn,
|
||
|
.animated.bounceOut {
|
||
|
-webkit-animation-duration: .75s;
|
||
|
animation-duration: .75s;
|
||
|
}
|
||
|
|
||
|
.animated.flipOutX,
|
||
|
.animated.flipOutY {
|
||
|
-webkit-animation-duration: .75s;
|
||
|
animation-duration: .75s;
|
||
|
}
|
||
|
|
||
|
@-webkit-keyframes shake {
|
||
|
from, to {
|
||
|
-webkit-transform: translate3d(0, 0, 0);
|
||
|
transform: translate3d(0, 0, 0);
|
||
|
}
|
||
|
|
||
|
10%, 30%, 50%, 70%, 90% {
|
||
|
-webkit-transform: translate3d(-10px, 0, 0);
|
||
|
transform: translate3d(-10px, 0, 0);
|
||
|
}
|
||
|
|
||
|
20%, 40%, 60%, 80% {
|
||
|
-webkit-transform: translate3d(10px, 0, 0);
|
||
|
transform: translate3d(10px, 0, 0);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@keyframes shake {
|
||
|
from, to {
|
||
|
-webkit-transform: translate3d(0, 0, 0);
|
||
|
transform: translate3d(0, 0, 0);
|
||
|
}
|
||
|
|
||
|
10%, 30%, 50%, 70%, 90% {
|
||
|
-webkit-transform: translate3d(-10px, 0, 0);
|
||
|
transform: translate3d(-10px, 0, 0);
|
||
|
}
|
||
|
|
||
|
20%, 40%, 60%, 80% {
|
||
|
-webkit-transform: translate3d(10px, 0, 0);
|
||
|
transform: translate3d(10px, 0, 0);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.shake {
|
||
|
-webkit-animation-name: shake;
|
||
|
animation-name: shake;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
@-webkit-keyframes fadeInDown {
|
||
|
from {
|
||
|
opacity: 0;
|
||
|
-webkit-transform: translate3d(0, -100%, 0);
|
||
|
transform: translate3d(0, -100%, 0);
|
||
|
}
|
||
|
|
||
|
to {
|
||
|
opacity: 1;
|
||
|
-webkit-transform: none;
|
||
|
transform: none;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@keyframes fadeInDown {
|
||
|
from {
|
||
|
opacity: 0;
|
||
|
-webkit-transform: translate3d(0, -100%, 0);
|
||
|
transform: translate3d(0, -100%, 0);
|
||
|
}
|
||
|
|
||
|
to {
|
||
|
opacity: 1;
|
||
|
-webkit-transform: none;
|
||
|
transform: none;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.fadeInDown {
|
||
|
-webkit-animation-name: fadeInDown;
|
||
|
animation-name: fadeInDown;
|
||
|
}
|
||
|
|
||
|
|
||
|
@-webkit-keyframes fadeOut {
|
||
|
from {
|
||
|
opacity: 1;
|
||
|
}
|
||
|
|
||
|
to {
|
||
|
opacity: 0;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@keyframes fadeOut {
|
||
|
from {
|
||
|
opacity: 1;
|
||
|
}
|
||
|
|
||
|
to {
|
||
|
opacity: 0;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.fadeOut {
|
||
|
-webkit-animation-name: fadeOut;
|
||
|
animation-name: fadeOut;
|
||
|
}
|
||
|
|
||
|
@-webkit-keyframes fadeOutDown {
|
||
|
from {
|
||
|
opacity: 1;
|
||
|
}
|
||
|
|
||
|
to {
|
||
|
opacity: 0;
|
||
|
-webkit-transform: translate3d(0, 100%, 0);
|
||
|
transform: translate3d(0, 100%, 0);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@keyframes fadeOutDown {
|
||
|
from {
|
||
|
opacity: 1;
|
||
|
}
|
||
|
|
||
|
to {
|
||
|
opacity: 0;
|
||
|
-webkit-transform: translate3d(0, 100%, 0);
|
||
|
transform: translate3d(0, 100%, 0);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.fadeOutDown {
|
||
|
-webkit-animation-name: fadeOutDown;
|
||
|
animation-name: fadeOutDown;
|
||
|
}
|
||
|
|
||
|
@-webkit-keyframes fadeOutUp {
|
||
|
from {
|
||
|
opacity: 1;
|
||
|
}
|
||
|
|
||
|
to {
|
||
|
opacity: 0;
|
||
|
-webkit-transform: translate3d(0, -100%, 0);
|
||
|
transform: translate3d(0, -100%, 0);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@keyframes fadeOutUp {
|
||
|
from {
|
||
|
opacity: 1;
|
||
|
}
|
||
|
|
||
|
to {
|
||
|
opacity: 0;
|
||
|
-webkit-transform: translate3d(0, -100%, 0);
|
||
|
transform: translate3d(0, -100%, 0);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.fadeOutUp {
|
||
|
-webkit-animation-name: fadeOutUp;
|
||
|
animation-name: fadeOutUp;
|
||
|
}
|