File manager - Edit - /home/custbahd/public_html/css/Text/blur-out.css
Back
/* ---------------------------------------------- * Generated by Animista on 2021-6-3 12:31:43 * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation text-blur-out * ---------------------------------------- */ .text-blur-out { -webkit-animation: text-blur-out 1.2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; animation: text-blur-out 1.2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; } @-webkit-keyframes text-blur-out { 0% { -webkit-filter: blur(0.01); filter: blur(0.01); } 100% { -webkit-filter: blur(12px) opacity(0%); filter: blur(12px) opacity(0%); } } @keyframes text-blur-out { 0% { -webkit-filter: blur(0.01); filter: blur(0.01); } 100% { -webkit-filter: blur(12px) opacity(0%); filter: blur(12px) opacity(0%); } } /** * ---------------------------------------- * animation blur-out-contract * ---------------------------------------- */ .blur-out-contract { -webkit-animation: blur-out-contract 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; animation: blur-out-contract 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; } @-webkit-keyframes blur-out-contract { 0% { -webkit-filter: blur(0.01); filter: blur(0.01); } 100% { letter-spacing: -0.5em; -webkit-filter: blur(12px) opacity(0%); filter: blur(12px) opacity(0%); } } @keyframes blur-out-contract { 0% { -webkit-filter: blur(0.01); filter: blur(0.01); } 100% { letter-spacing: -0.5em; -webkit-filter: blur(12px) opacity(0%); filter: blur(12px) opacity(0%); } } /** * ---------------------------------------- * animation blur-out-contract-bck * ---------------------------------------- */ .blur-out-contract-bck { -webkit-animation: blur-out-contract-bck 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; animation: blur-out-contract-bck 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; } @-webkit-keyframes blur-out-contract-bck { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-filter: blur(0.01); filter: blur(0.01); } 100% { letter-spacing: -0.5em; -webkit-transform: translateZ(-500px); transform: translateZ(-500px); -webkit-filter: blur(12px) opacity(0%); filter: blur(12px) opacity(0%); } } @keyframes blur-out-contract-bck { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-filter: blur(0.01); filter: blur(0.01); } 100% { letter-spacing: -0.5em; -webkit-transform: translateZ(-500px); transform: translateZ(-500px); -webkit-filter: blur(12px) opacity(0%); filter: blur(12px) opacity(0%); } } /** * ---------------------------------------- * animation blur-out-expand * ---------------------------------------- */ .blur-out-expand { -webkit-animation: blur-out-expand 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: blur-out-expand 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes blur-out-expand { 0% { -webkit-filter: blur(0.01); filter: blur(0.01); } 100% { letter-spacing: 1em; -webkit-filter: blur(12px) opacity(0%); filter: blur(12px) opacity(0%); } } @keyframes blur-out-expand { 0% { -webkit-filter: blur(0.01); filter: blur(0.01); } 100% { letter-spacing: 1em; -webkit-filter: blur(12px) opacity(0%); filter: blur(12px) opacity(0%); } } /** * ---------------------------------------- * animation blur-out-expand-fwd * ---------------------------------------- */ .blur-out-expand-fwd { -webkit-animation: blur-out-expand-fwd 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: blur-out-expand-fwd 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes blur-out-expand-fwd { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-filter: blur(0.01); filter: blur(0.01); } 100% { letter-spacing: 1em; -webkit-transform: translateZ(300px); transform: translateZ(300px); -webkit-filter: blur(12px) opacity(0%); filter: blur(12px) opacity(0%); } } @keyframes blur-out-expand-fwd { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-filter: blur(0.01); filter: blur(0.01); } 100% { letter-spacing: 1em; -webkit-transform: translateZ(300px); transform: translateZ(300px); -webkit-filter: blur(12px) opacity(0%); filter: blur(12px) opacity(0%); } }
| ver. 1.4 |
Github
|
.
| PHP 8.1.33 | Generation time: 1.4 |
proxy
|
phpinfo
|
Settings