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.
216 lines
5.6 KiB
216 lines
5.6 KiB
/* ----------------------------------------------
|
|
* Generated by Animista on 2019-12-17 16:20:12
|
|
* Licensed under FreeBSD License.
|
|
* See http://animista.net/license for more info.
|
|
* w: http://animista.net, t: @cssanimista
|
|
* ---------------------------------------------- */
|
|
|
|
/**
|
|
* ----------------------------------------
|
|
* animation bounce-top
|
|
* ----------------------------------------
|
|
*/
|
|
@-webkit-keyframes bounce-top {
|
|
0% {
|
|
-webkit-transform: translateY(-45px);
|
|
transform: translateY(-45px);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
opacity: 1;
|
|
}
|
|
24% {
|
|
opacity: 1;
|
|
}
|
|
40% {
|
|
-webkit-transform: translateY(-24px);
|
|
transform: translateY(-24px);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
65% {
|
|
-webkit-transform: translateY(-12px);
|
|
transform: translateY(-12px);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
82% {
|
|
-webkit-transform: translateY(-6px);
|
|
transform: translateY(-6px);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
93% {
|
|
-webkit-transform: translateY(-4px);
|
|
transform: translateY(-4px);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
25%,
|
|
55%,
|
|
75%,
|
|
87% {
|
|
-webkit-transform: translateY(0px);
|
|
transform: translateY(0px);
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out;
|
|
}
|
|
100% {
|
|
-webkit-transform: translateY(0px);
|
|
transform: translateY(0px);
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes bounce-top {
|
|
0% {
|
|
-webkit-transform: translateY(-45px);
|
|
transform: translateY(-45px);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
opacity: 1;
|
|
}
|
|
24% {
|
|
opacity: 1;
|
|
}
|
|
40% {
|
|
-webkit-transform: translateY(-24px);
|
|
transform: translateY(-24px);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
65% {
|
|
-webkit-transform: translateY(-12px);
|
|
transform: translateY(-12px);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
82% {
|
|
-webkit-transform: translateY(-6px);
|
|
transform: translateY(-6px);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
93% {
|
|
-webkit-transform: translateY(-4px);
|
|
transform: translateY(-4px);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
25%,
|
|
55%,
|
|
75%,
|
|
87% {
|
|
-webkit-transform: translateY(0px);
|
|
transform: translateY(0px);
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out;
|
|
}
|
|
100% {
|
|
-webkit-transform: translateY(0px);
|
|
transform: translateY(0px);
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------
|
|
* Generated by Animista on 2019-12-17 16:23:45
|
|
* Licensed under FreeBSD License.
|
|
* See http://animista.net/license for more info.
|
|
* w: http://animista.net, t: @cssanimista
|
|
* ---------------------------------------------- */
|
|
|
|
/**
|
|
* ----------------------------------------
|
|
* animation tracking-in-contract
|
|
* ----------------------------------------
|
|
*/
|
|
@-webkit-keyframes tracking-in-contract {
|
|
0% {
|
|
letter-spacing: 1em;
|
|
opacity: 0;
|
|
}
|
|
40% {
|
|
opacity: 0.6;
|
|
}
|
|
100% {
|
|
letter-spacing: normal;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes tracking-in-contract {
|
|
0% {
|
|
letter-spacing: 1em;
|
|
opacity: 0;
|
|
}
|
|
40% {
|
|
opacity: 0.6;
|
|
}
|
|
100% {
|
|
letter-spacing: normal;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
|
|
/* ----------------------------------------------
|
|
* Generated by Animista on 2019-12-17 16:29:3
|
|
* Licensed under FreeBSD License.
|
|
* See http://animista.net/license for more info.
|
|
* w: http://animista.net, t: @cssanimista
|
|
* ---------------------------------------------- */
|
|
|
|
/**
|
|
* ----------------------------------------
|
|
* animation bg-pan-left
|
|
* ----------------------------------------
|
|
*/
|
|
@-webkit-keyframes bg-pan-left {
|
|
0% {
|
|
background-position: 100% 50%;
|
|
}
|
|
100% {
|
|
background-position: 0% 50%;
|
|
}
|
|
}
|
|
@keyframes bg-pan-left {
|
|
0% {
|
|
background-position: 100% 50%;
|
|
}
|
|
100% {
|
|
background-position: 0% 50%;
|
|
}
|
|
}
|
|
|
|
|
|
/* ----------------------------------------------
|
|
* Generated by Animista on 2019-12-17 16:32:36
|
|
* Licensed under FreeBSD License.
|
|
* See http://animista.net/license for more info.
|
|
* w: http://animista.net, t: @cssanimista
|
|
* ---------------------------------------------- */
|
|
|
|
/**
|
|
* ----------------------------------------
|
|
* animation bg-pan-br
|
|
* ----------------------------------------
|
|
*/
|
|
@-webkit-keyframes bg-pan-br {
|
|
0% {
|
|
background-position: 0% 0%;
|
|
}
|
|
100% {
|
|
background-position: 100% 100%;
|
|
}
|
|
}
|
|
@keyframes bg-pan-br {
|
|
0% {
|
|
background-position: 0% 0%;
|
|
}
|
|
100% {
|
|
background-position: 100% 100%;
|
|
}
|
|
}
|
|
|