File manager - Edit - /home/custbahd/public_html/css/Attention/wobble.css
Back
/* ---------------------------------------------- * Generated by Animista on 2021-6-3 10:59:0 * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation wobble-hor-bottom * ---------------------------------------- */ .wobble-hor-bottom { -webkit-animation: wobble-hor-bottom 0.8s infinite both; animation: wobble-hor-bottom 0.8s infinite both; } @-webkit-keyframes wobble-hor-bottom { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateX(-30px) rotate(-6deg); transform: translateX(-30px) rotate(-6deg); } 30% { -webkit-transform: translateX(15px) rotate(6deg); transform: translateX(15px) rotate(6deg); } 45% { -webkit-transform: translateX(-15px) rotate(-3.6deg); transform: translateX(-15px) rotate(-3.6deg); } 60% { -webkit-transform: translateX(9px) rotate(2.4deg); transform: translateX(9px) rotate(2.4deg); } 75% { -webkit-transform: translateX(-6px) rotate(-1.2deg); transform: translateX(-6px) rotate(-1.2deg); } } @keyframes wobble-hor-bottom { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateX(-30px) rotate(-6deg); transform: translateX(-30px) rotate(-6deg); } 30% { -webkit-transform: translateX(15px) rotate(6deg); transform: translateX(15px) rotate(6deg); } 45% { -webkit-transform: translateX(-15px) rotate(-3.6deg); transform: translateX(-15px) rotate(-3.6deg); } 60% { -webkit-transform: translateX(9px) rotate(2.4deg); transform: translateX(9px) rotate(2.4deg); } 75% { -webkit-transform: translateX(-6px) rotate(-1.2deg); transform: translateX(-6px) rotate(-1.2deg); } } /** * ---------------------------------------- * animation wobble-hor-top * ---------------------------------------- */ .wobble-hor-top { -webkit-animation: wobble-hor-top 0.8s infinite both; animation: wobble-hor-top 0.8s infinite both; } @-webkit-keyframes wobble-hor-top { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateX(-30px) rotate(6deg); transform: translateX(-30px) rotate(6deg); } 30% { -webkit-transform: translateX(15px) rotate(-6deg); transform: translateX(15px) rotate(-6deg); } 45% { -webkit-transform: translateX(-15px) rotate(3.6deg); transform: translateX(-15px) rotate(3.6deg); } 60% { -webkit-transform: translateX(9px) rotate(-2.4deg); transform: translateX(9px) rotate(-2.4deg); } 75% { -webkit-transform: translateX(-6px) rotate(1.2deg); transform: translateX(-6px) rotate(1.2deg); } } @keyframes wobble-hor-top { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateX(-30px) rotate(6deg); transform: translateX(-30px) rotate(6deg); } 30% { -webkit-transform: translateX(15px) rotate(-6deg); transform: translateX(15px) rotate(-6deg); } 45% { -webkit-transform: translateX(-15px) rotate(3.6deg); transform: translateX(-15px) rotate(3.6deg); } 60% { -webkit-transform: translateX(9px) rotate(-2.4deg); transform: translateX(9px) rotate(-2.4deg); } 75% { -webkit-transform: translateX(-6px) rotate(1.2deg); transform: translateX(-6px) rotate(1.2deg); } } /** * ---------------------------------------- * animation wobble-ver-left * ---------------------------------------- */ .wobble-ver-left { -webkit-animation: wobble-ver-left 0.8s infinite both; animation: wobble-ver-left 0.8s infinite both; } @-webkit-keyframes wobble-ver-left { 0%, 100% { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateY(-30px) rotate(-6deg); transform: translateY(-30px) rotate(-6deg); } 30% { -webkit-transform: translateY(15px) rotate(6deg); transform: translateY(15px) rotate(6deg); } 45% { -webkit-transform: translateY(-15px) rotate(-3.6deg); transform: translateY(-15px) rotate(-3.6deg); } 60% { -webkit-transform: translateY(9px) rotate(2.4deg); transform: translateY(9px) rotate(2.4deg); } 75% { -webkit-transform: translateY(-6px) rotate(-1.2deg); transform: translateY(-6px) rotate(-1.2deg); } } @keyframes wobble-ver-left { 0%, 100% { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateY(-30px) rotate(-6deg); transform: translateY(-30px) rotate(-6deg); } 30% { -webkit-transform: translateY(15px) rotate(6deg); transform: translateY(15px) rotate(6deg); } 45% { -webkit-transform: translateY(-15px) rotate(-3.6deg); transform: translateY(-15px) rotate(-3.6deg); } 60% { -webkit-transform: translateY(9px) rotate(2.4deg); transform: translateY(9px) rotate(2.4deg); } 75% { -webkit-transform: translateY(-6px) rotate(-1.2deg); transform: translateY(-6px) rotate(-1.2deg); } } /** * ---------------------------------------- * animation wobble-ver-right * ---------------------------------------- */ .wobble-ver-right { -webkit-animation: wobble-ver-right 0.8s infinite both; animation: wobble-ver-right 0.8s infinite both; } @-webkit-keyframes wobble-ver-right { 0%, 100% { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateY(-30px) rotate(6deg); transform: translateY(-30px) rotate(6deg); } 30% { -webkit-transform: translateY(15px) rotate(-6deg); transform: translateY(15px) rotate(-6deg); } 45% { -webkit-transform: translateY(-15px) rotate(3.6deg); transform: translateY(-15px) rotate(3.6deg); } 60% { -webkit-transform: translateY(9px) rotate(-2.4deg); transform: translateY(9px) rotate(-2.4deg); } 75% { -webkit-transform: translateY(-6px) rotate(1.2deg); transform: translateY(-6px) rotate(1.2deg); } } @keyframes wobble-ver-right { 0%, 100% { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateY(-30px) rotate(6deg); transform: translateY(-30px) rotate(6deg); } 30% { -webkit-transform: translateY(15px) rotate(-6deg); transform: translateY(15px) rotate(-6deg); } 45% { -webkit-transform: translateY(-15px) rotate(3.6deg); transform: translateY(-15px) rotate(3.6deg); } 60% { -webkit-transform: translateY(9px) rotate(-2.4deg); transform: translateY(9px) rotate(-2.4deg); } 75% { -webkit-transform: translateY(-6px) rotate(1.2deg); transform: translateY(-6px) rotate(1.2deg); } }
| ver. 1.4 |
Github
|
.
| PHP 8.1.33 | Generation time: 1.5 |
proxy
|
phpinfo
|
Settings