File manager - Edit - /home/custbahd/irungikitchen.com/admin/css/animations/attention/jello.css
Back
/* ---------------------------------------------- * Generated by Animista on 2021-6-3 11:5:53 * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation jello-horizontal * ---------------------------------------- */ .jello-horizontal { -webkit-animation: jello-horizontal 0.9s both; animation: jello-horizontal 0.9s both; } @-webkit-keyframes jello-horizontal { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes jello-horizontal { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } /** * ---------------------------------------- * animation jello-vertical * ---------------------------------------- */ .jello-vertical { -webkit-animation: jello-vertical 0.9s both; animation: jello-vertical 0.9s both; } @-webkit-keyframes jello-vertical { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 40% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 50% { -webkit-transform: scale3d(0.85, 1.15, 1); transform: scale3d(0.85, 1.15, 1); } 65% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 75% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes jello-vertical { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 40% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 50% { -webkit-transform: scale3d(0.85, 1.15, 1); transform: scale3d(0.85, 1.15, 1); } 65% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 75% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } /** * ---------------------------------------- * animation jello-diagonal-1 * ---------------------------------------- */ .jello-diagonal-1 { -webkit-animation: jello-diagonal-1 0.8s both; animation: jello-diagonal-1 0.8s both; } @-webkit-keyframes jello-diagonal-1 { 0% { -webkit-transform: skew(0deg 0deg); transform: skew(0deg 0deg); } 30% { -webkit-transform: skew(25deg 25deg); transform: skew(25deg 25deg); } 40% { -webkit-transform: skew(-15deg, -15deg); transform: skew(-15deg, -15deg); } 50% { -webkit-transform: skew(15deg, 15deg); transform: skew(15deg, 15deg); } 65% { -webkit-transform: skew(-5deg, -5deg); transform: skew(-5deg, -5deg); } 75% { -webkit-transform: skew(5deg, 5deg); transform: skew(5deg, 5deg); } 100% { -webkit-transform: skew(0deg 0deg); transform: skew(0deg 0deg); } } @keyframes jello-diagonal-1 { 0% { -webkit-transform: skew(0deg 0deg); transform: skew(0deg 0deg); } 30% { -webkit-transform: skew(25deg 25deg); transform: skew(25deg 25deg); } 40% { -webkit-transform: skew(-15deg, -15deg); transform: skew(-15deg, -15deg); } 50% { -webkit-transform: skew(15deg, 15deg); transform: skew(15deg, 15deg); } 65% { -webkit-transform: skew(-5deg, -5deg); transform: skew(-5deg, -5deg); } 75% { -webkit-transform: skew(5deg, 5deg); transform: skew(5deg, 5deg); } 100% { -webkit-transform: skew(0deg 0deg); transform: skew(0deg 0deg); } } /** * ---------------------------------------- * animation jello-diagonal-2 * ---------------------------------------- */ .jello-diagonal-2 { -webkit-animation: jello-diagonal-2 0.8s both; animation: jello-diagonal-2 0.8s both; } @-webkit-keyframes jello-diagonal-2 { 0% { -webkit-transform: skew(0deg 0deg); transform: skew(0deg 0deg); } 30% { -webkit-transform: skew(-25deg -25deg); transform: skew(-25deg -25deg); } 40% { -webkit-transform: skew(15deg, 15deg); transform: skew(15deg, 15deg); } 50% { -webkit-transform: skew(-15deg, -15deg); transform: skew(-15deg, -15deg); } 65% { -webkit-transform: skew(5deg, 5deg); transform: skew(5deg, 5deg); } 75% { -webkit-transform: skew(-5deg, -5deg); transform: skew(-5deg, -5deg); } 100% { -webkit-transform: skew(0deg 0deg); transform: skew(0deg 0deg); } } @keyframes jello-diagonal-2 { 0% { -webkit-transform: skew(0deg 0deg); transform: skew(0deg 0deg); } 30% { -webkit-transform: skew(-25deg -25deg); transform: skew(-25deg -25deg); } 40% { -webkit-transform: skew(15deg, 15deg); transform: skew(15deg, 15deg); } 50% { -webkit-transform: skew(-15deg, -15deg); transform: skew(-15deg, -15deg); } 65% { -webkit-transform: skew(5deg, 5deg); transform: skew(5deg, 5deg); } 75% { -webkit-transform: skew(-5deg, -5deg); transform: skew(-5deg, -5deg); } 100% { -webkit-transform: skew(0deg 0deg); transform: skew(0deg 0deg); } }
| ver. 1.4 |
Github
|
.
| PHP 8.1.33 | Generation time: 1.11 |
proxy
|
phpinfo
|
Settings