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
4 years ago
|
/* ----------------------------------------------
|
||
|
* 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%;
|
||
|
}
|
||
|
}
|
||
|
|