135 lines
3.6 KiB
CSS
135 lines
3.6 KiB
CSS
/* ----------------------------------------------
|
|
* Generated by Animista on 2022-1-3 10:45:31
|
|
* Licensed under FreeBSD License.
|
|
* See http://animista.net/license for more info.
|
|
* w: http://animista.net, t: @cssanimista
|
|
* ---------------------------------------------- */
|
|
|
|
/**
|
|
* ----------------------------------------
|
|
* animation heartbeat
|
|
* ----------------------------------------
|
|
*/
|
|
@-webkit-keyframes heartbeat {
|
|
from {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
-webkit-transform-origin: center center;
|
|
transform-origin: center center;
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out;
|
|
}
|
|
10% {
|
|
-webkit-transform: scale(0.91);
|
|
transform: scale(0.91);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
17% {
|
|
-webkit-transform: scale(0.98);
|
|
transform: scale(0.98);
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out;
|
|
}
|
|
33% {
|
|
-webkit-transform: scale(0.77);
|
|
transform: scale(0.77);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
45% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out;
|
|
}
|
|
}
|
|
@keyframes heartbeat {
|
|
from {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
-webkit-transform-origin: center center;
|
|
transform-origin: center center;
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out;
|
|
}
|
|
10% {
|
|
-webkit-transform: scale(0.91);
|
|
transform: scale(0.91);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
17% {
|
|
-webkit-transform: scale(0.98);
|
|
transform: scale(0.98);
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out;
|
|
}
|
|
33% {
|
|
-webkit-transform: scale(0.77);
|
|
transform: scale(0.77);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
45% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------
|
|
* Generated by Animista on 2022-1-3 11:24:9
|
|
* Licensed under FreeBSD License.
|
|
* See http://animista.net/license for more info.
|
|
* w: http://animista.net, t: @cssanimista
|
|
* ---------------------------------------------- */
|
|
|
|
/**
|
|
* ----------------------------------------
|
|
* animation shake-bottom
|
|
* ----------------------------------------
|
|
*/
|
|
@keyframes shake-top {
|
|
0%{
|
|
transform: rotate(0deg);
|
|
transform-origin: 50% 0;
|
|
}
|
|
2%{
|
|
transform: rotate(2deg);
|
|
}
|
|
4%{
|
|
transform: rotate(-8deg);
|
|
}
|
|
6%{
|
|
transform: rotate(8deg);
|
|
}
|
|
8%{
|
|
transform: rotate(-8deg);
|
|
}
|
|
10%{
|
|
transform: rotate(8deg);
|
|
}
|
|
12%{
|
|
transform: rotate(-8deg);
|
|
}
|
|
14%{
|
|
transform: rotate(8deg);
|
|
}
|
|
16%{
|
|
transform: rotate(-2deg);
|
|
}
|
|
18%{
|
|
transform: rotate(2deg);
|
|
}
|
|
20%{
|
|
transform: rotate(0deg);
|
|
transform-origin: 50% 0;
|
|
}
|
|
}
|
|
|
|
.shake-top {
|
|
animation: shake-top 6s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
|
|
}
|
|
|