Файловый менеджер - Редактировать - /home/lmsyaran/public_html/templates/g5_hydrogen/custom/css/headroom.css
Назад
.animated { -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; will-change: transform, opacity } @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%) } 100% { -webkit-transform: translateY(0) } } @-moz-keyframes slideDown { 0% { -moz-transform: translateY(-100%) } 100% { -moz-transform: translateY(0) } } @-o-keyframes slideDown { 0% { -o-transform: translateY(-100%) } 100% { -o-transform: translateY(0) } } @keyframes slideDown { 0% { transform: translateY(-100%) } 100% { transform: translateY(0) } } .animated.slideDown { -webkit-animation-name: slideDown; -moz-animation-name: slideDown; -o-animation-name: slideDown; animation-name: slideDown } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(0) } 100% { -webkit-transform: translateY(-100%) } } @-moz-keyframes slideUp { 0% { -moz-transform: translateY(0) } 100% { -moz-transform: translateY(-100%) } } @-o-keyframes slideUp { 0% { -o-transform: translateY(0) } 100% { -o-transform: translateY(-100%) } } @keyframes slideUp { 0% { transform: translateY(0) } 100% { transform: translateY(-100%) } } .animated.slideUp { -webkit-animation-name: slideUp; -moz-animation-name: slideUp; -o-animation-name: slideUp; animation-name: slideUp } @-webkit-keyframes swingInX { 0% { -webkit-transform: perspective(400px) rotateX(-90deg) } 100% { -webkit-transform: perspective(400px) rotateX(0deg) } } @-moz-keyframes swingInX { 0% { -moz-transform: perspective(400px) rotateX(-90deg) } 100% { -moz-transform: perspective(400px) rotateX(0deg) } } @-o-keyframes swingInX { 0% { -o-transform: perspective(400px) rotateX(-90deg) } 100% { -o-transform: perspective(400px) rotateX(0deg) } } @keyframes swingInX { 0% { transform: perspective(400px) rotateX(-90deg) } 100% { transform: perspective(400px) rotateX(0deg) } } .animated.swingInX { -webkit-transform-origin: top; -moz-transform-origin: top; -ie-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-backface-visibility: visible !important; -webkit-animation-name: swingInX; -moz-backface-visibility: visible !important; -moz-animation-name: swingInX; -o-backface-visibility: visible !important; -o-animation-name: swingInX; backface-visibility: visible !important; animation-name: swingInX } @-webkit-keyframes swingOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg) } 100% { -webkit-transform: perspective(400px) rotateX(-90deg) } } @-moz-keyframes swingOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg) } 100% { -moz-transform: perspective(400px) rotateX(-90deg) } } @-o-keyframes swingOutX { 0% { -o-transform: perspective(400px) rotateX(0deg) } 100% { -o-transform: perspective(400px) rotateX(-90deg) } } @keyframes swingOutX { 0% { transform: perspective(400px) rotateX(0deg) } 100% { transform: perspective(400px) rotateX(-90deg) } } .animated.swingOutX { -webkit-transform-origin: top; -webkit-animation-name: swingOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: swingOutX; -moz-backface-visibility: visible !important; -o-animation-name: swingOutX; -o-backface-visibility: visible !important; animation-name: swingOutX; backface-visibility: visible !important } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0 } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1 } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0 } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1 } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0 } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1 } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0 } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1 } } .animated.flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0 } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1 } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0 } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1 } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0 } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1 } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0 } } .animated.flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-200px) } 60% { opacity: 1; -webkit-transform: translateY(30px) } 80% { -webkit-transform: translateY(-10px) } 100% { -webkit-transform: translateY(0) } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-200px) } 60% { opacity: 1; -moz-transform: translateY(30px) } 80% { -moz-transform: translateY(-10px) } 100% { -moz-transform: translateY(0) } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-200px) } 60% { opacity: 1; -o-transform: translateY(30px) } 80% { -o-transform: translateY(-10px) } 100% { -o-transform: translateY(0) } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-200px) } 60% { opacity: 1; transform: translateY(30px) } 80% { transform: translateY(-10px) } 100% { transform: translateY(0) } } .animated.bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0) } 30% { opacity: 1; -webkit-transform: translateY(20px) } 100% { opacity: 0; -webkit-transform: translateY(-200px) } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0) } 30% { opacity: 1; -moz-transform: translateY(20px) } 100% { opacity: 0; -moz-transform: translateY(-200px) } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0) } 30% { opacity: 1; -o-transform: translateY(20px) } 100% { opacity: 0; -o-transform: translateY(-200px) } } @keyframes bounceOutUp { 0% { transform: translateY(0) } 30% { opacity: 1; transform: translateY(20px) } 100% { opacity: 0; transform: translateY(-200px) } } .animated.bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp }
| ver. 1.4 |
Github
|
.
| PHP 8.1.33 | Генерация страницы: 0.01 |
proxy
|
phpinfo
|
Настройка