File manager - Edit - /home/asiatechinc/public_html/asiatechinc-websites/arorayurveda.com/css/fxfullwidth.css
Back
.fxSoftScale .navOutNext { -webkit-animation: scaleUp 1.5s forwards cubic-bezier(.7, 0, .3, 1); animation: scaleUp 1.5s forwards cubic-bezier(.7, 0, .3, 1) } .fxSoftScale .navInNext { -webkit-animation: scaleDownUp 1.5s forwards cubic-bezier(.7, 0, .3, 1); animation: scaleDownUp 1.5s forwards cubic-bezier(.7, 0, .3, 1) } .fxSoftScale .navOutPrev { -webkit-animation: scaleDown 1.5s forwards cubic-bezier(.7, 0, .3, 1); animation: scaleDown 1.5s forwards cubic-bezier(.7, 0, .3, 1) } .fxSoftScale .navInPrev { -webkit-animation: scaleUpDown 1.5s forwards cubic-bezier(.7, 0, .3, 1); animation: scaleUpDown 1.5s forwards cubic-bezier(.7, 0, .3, 1) } @-webkit-keyframes scaleUp { to { -webkit-transform: scale(1.2); opacity: 0 } } @keyframes scaleUp { to { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0 } } @-webkit-keyframes scaleDownUp { from { opacity: 0; -webkit-transform: scale(.9) } to { opacity: 1; -webkit-transform: scale(1) } } @keyframes scaleDownUp { from { opacity: 0; -webkit-transform: scale(.9); transform: scale(.9) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes scaleDown { to { opacity: 0; -webkit-transform: scale(.9) } } @keyframes scaleDown { to { opacity: 0; -webkit-transform: scale(.9); transform: scale(.9) } } @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.2) } to { opacity: 1; -webkit-transform: scale(1) } } @keyframes scaleUpDown { from { -webkit-transform: scale(1.2); transform: scale(1.2) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } .fxPressAway .navOutNext { -webkit-animation: slideOutScaleRight 1.2s forwards cubic-bezier(.7, 0, .3, 1); animation: slideOutScaleRight 1.2s forwards cubic-bezier(.7, 0, .3, 1) } .fxPressAway .navInNext { opacity: 1; -webkit-animation: slideInFromLeft 1.2s forwards cubic-bezier(.7, 0, .3, 1); animation: slideInFromLeft 1.2s forwards cubic-bezier(.7, 0, .3, 1) } .fxPressAway .navOutPrev { -webkit-animation: slideOutScaleLeft 1.2s forwards cubic-bezier(.7, 0, .3, 1); animation: slideOutScaleLeft 1.2s forwards cubic-bezier(.7, 0, .3, 1) } .fxPressAway .navInPrev { opacity: 1; -webkit-animation: slideInFromRight 1.2s forwards cubic-bezier(.7, 0, .3, 1); animation: slideInFromRight 1.2s forwards cubic-bezier(.7, 0, .3, 1) } @-webkit-keyframes slideOutScaleRight { to { -webkit-transform: translateX(100%) scale(.9); opacity: 0 } } @keyframes slideOutScaleRight { to { -webkit-transform: translateX(100%) scale(.9); transform: translateX(100%) scale(.9); opacity: 0 } } @-webkit-keyframes slideInFromLeft { from { -webkit-transform: translateX(-100%) } to { -webkit-transform: translateX(0) } } @keyframes slideInFromLeft { from { -webkit-transform: translateX(-100%); transform: translateX(-100%) } to { -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes slideOutScaleLeft { to { -webkit-transform: translateX(-100%) scale(.9); opacity: 0 } } @keyframes slideOutScaleLeft { to { -webkit-transform: translateX(-100%) scale(.9); transform: translateX(-100%) scale(.9); opacity: 0 } } @-webkit-keyframes slideInFromRight { from { -webkit-transform: translateX(100%) } to { -webkit-transform: translateX(0) } } @keyframes slideInFromRight { from { -webkit-transform: translateX(100%); transform: translateX(100%) } to { -webkit-transform: translateX(0); transform: translateX(0) } } .fxSideSwing .navOutNext { -webkit-animation: slideOutScaleRight 1.2s forwards; animation: slideOutScaleRight 1.2s forwards; -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); -webkit-animation-timing-function: cubic-bezier(1, -.2, 0, 1); animation-timing-function: cubic-bezier(1, -.2, 0, 1) } .fxSideSwing .navInNext { opacity: 1; -webkit-animation: slideInFromLeft 1.2s forwards; animation: slideInFromLeft 1.2s forwards; -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); -webkit-animation-timing-function: cubic-bezier(1, -.2, 0, 1); animation-timing-function: cubic-bezier(1, -.2, 0, 1) } .fxSideSwing .navOutPrev { -webkit-animation: slideOutScaleLeft 1.2s forwards; animation: slideOutScaleLeft 1.2s forwards; -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); -webkit-animation-timing-function: cubic-bezier(1, -.2, 0, 1); animation-timing-function: cubic-bezier(1, -.2, 0, 1) } .fxSideSwing .navInPrev { opacity: 1; -webkit-animation: slideInFromRight 1.2s forwards; animation: slideInFromRight 1.2s forwards; -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); -webkit-animation-timing-function: cubic-bezier(1, -.2, 0, 1); animation-timing-function: cubic-bezier(1, -.2, 0, 1) } .fxFortuneWheel .itemwrap { -webkit-perspective: 1600px; perspective: 1600px } .fxFortuneWheel .navOutNext { -webkit-animation: slideOutScaleRight 1.2s forwards cubic-bezier(.7, 0, .3, 1); animation: slideOutScaleRight 1.2s forwards cubic-bezier(.7, 0, .3, 1) } .fxFortuneWheel .navInNext { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: rotateInFromLeft 1.2s forwards cubic-bezier(.7, 0, .3, 1); animation: rotateInFromLeft 1.2s forwards cubic-bezier(.7, 0, .3, 1) } .fxFortuneWheel .navOutPrev { -webkit-animation: slideOutScaleLeft 1.2s forwards cubic-bezier(.7, 0, .3, 1); animation: slideOutScaleLeft 1.2s forwards cubic-bezier(.7, 0, .3, 1) } .fxFortuneWheel .navInPrev { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation: rotateInFromRight 1.2s forwards cubic-bezier(.7, 0, .3, 1); animation: rotateInFromRight 1.2s forwards cubic-bezier(.7, 0, .3, 1) } @-webkit-keyframes rotateInFromLeft { from { -webkit-transform: translateX(-100%) rotateY(-55deg) } to { -webkit-transform: translateX(0) rotateY(0deg); opacity: 1 } } @keyframes rotateInFromLeft { from { -webkit-transform: translateX(-100%) rotateY(-55deg); transform: translateX(-100%) rotateY(-55deg) } to { -webkit-transform: translateX(0) rotateY(0deg); transform: translateX(0) rotateY(0deg); opacity: 1 } } @-webkit-keyframes rotateInFromRight { from { -webkit-transform: translateX(100%) rotateY(55deg) } to { -webkit-transform: translateX(0) rotateY(0deg); opacity: 1 } } @keyframes rotateInFromRight { from { -webkit-transform: translateX(100%) rotateY(55deg); transform: translateX(100%) rotateY(55deg) } to { -webkit-transform: translateX(0) rotateY(0deg); transform: translateX(0) rotateY(0deg); opacity: 1 } } .fxSwipe .navOutNext { -webkit-animation: decreaseHeight .8s forwards ease-in-out; animation: decreaseHeight .8s forwards ease-in-out } .fxSwipe .navInNext { -webkit-animation: show .8s forwards ease-in-out; animation: show .8s forwards ease-in-out } .fxSwipe .navOutPrev { -webkit-animation: hide .8s forwards ease-in-out; animation: hide .8s forwards ease-in-out } .fxSwipe .navInPrev { z-index: 1001; opacity: 1; -webkit-animation: increaseHeight .8s forwards ease-in-out; animation: increaseHeight .8s forwards ease-in-out } @-webkit-keyframes decreaseHeight { to { height: 0 } } @keyframes decreaseHeight { to { height: 0 } } @-webkit-keyframes show { 0% { opacity: 0 } 1%, 100% { opacity: 1 } } @keyframes show { 0% { opacity: 0 } 1%, 100% { opacity: 1 } } @-webkit-keyframes hide { 0%, 99% { opacity: 1 } 100% { opacity: 0 } } @keyframes hide { 0%, 99% { opacity: 1 } 100% { opacity: 0 } } @-webkit-keyframes increaseHeight { from { height: 0 } to { height: 100% } } @keyframes increaseHeight { from { height: 0 } to { height: 100% } } .fxPushReveal .navOutNext { opacity: 1; -webkit-animation: slideOutBottom .7s forwards ease-in-out; animation: slideOutBottom .7s forwards ease-in-out } .fxPushReveal .navInNext { opacity: 1; -webkit-animation: slideInHalfFromTop .7s forwards ease-in-out; animation: slideInHalfFromTop .7s forwards ease-in-out } .fxPushReveal .navOutPrev { opacity: 1; -webkit-animation: slideOutHalfTop .7s forwards ease-in-out; animation: slideOutHalfTop .7s forwards ease-in-out } .fxPushReveal .navInPrev { opacity: 1; z-index: 1001; -webkit-animation: slideInFromBottom .7s forwards ease-in-out; animation: slideInFromBottom .7s forwards ease-in-out } @-webkit-keyframes slideOutBottom { to { -webkit-transform: translateY(100%) } } @keyframes slideOutBottom { to { -webkit-transform: translateY(100%); transform: translateY(100%) } } @-webkit-keyframes slideInHalfFromTop { from { -webkit-transform: translateY(-50%) } to { -webkit-transform: translateY(0) } } @keyframes slideInHalfFromTop { from { -webkit-transform: translateY(-50%); transform: translateY(-50%) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes slideOutHalfTop { to { -webkit-transform: translateY(-50%) } } @keyframes slideOutHalfTop { to { -webkit-transform: translateY(-50%); transform: translateY(-50%) } } @-webkit-keyframes slideInFromBottom { from { -webkit-transform: translateY(100%) } to { -webkit-transform: translateY(0) } } @keyframes slideInFromBottom { from { -webkit-transform: translateY(100%); transform: translateY(100%) } to { -webkit-transform: translateY(0); transform: translateY(0) } } .fxSnapIn .navOutNext { -webkit-animation: slideOutLeft .5s forwards ease-in; animation: slideOutLeft .5s forwards ease-in } .fxSnapIn .navInNext { z-index: 1001; opacity: 1; -webkit-animation: slideFromRightFast .5s forwards cubic-bezier(.7, 0, .3, 1); animation: slideFromRightFast .5s forwards cubic-bezier(.7, 0, .3, 1) } .fxSnapIn .navOutPrev { -webkit-animation: slideOutRight .5s forwards ease-in; animation: slideOutRight .5s forwards ease-in } .fxSnapIn .navInPrev { z-index: 1001; opacity: 1; -webkit-animation: slideFromLeftFast .5s forwards cubic-bezier(.7, 0, .3, 1); animation: slideFromLeftFast .5s forwards cubic-bezier(.7, 0, .3, 1) } .fxSnapIn li::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; background-color: rgba(0, 0, 0, .8); transition: opacity .4s .1s ease-in } .fxSnapIn .navOutNext::after, .fxSnapIn .navOutPrev::after { opacity: 1 } @-webkit-keyframes slideOutLeft { to { -webkit-transform: translateX(-10%) } } @keyframes slideOutLeft { to { -webkit-transform: translateX(-10%); transform: translateX(-10%) } } @-webkit-keyframes slideFromRightFast { 0%, 50% { -webkit-transform: translateX(100%) } 100% { -webkit-transform: translateX(0) } } @keyframes slideFromRightFast { 0%, 50% { -webkit-transform: translateX(100%); transform: translateX(100%) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes slideOutRight { to { -webkit-transform: translateX(10%) } } @keyframes slideOutRight { to { -webkit-transform: translateX(10%); transform: translateX(10%) } } @-webkit-keyframes slideFromLeftFast { 0%, 50% { -webkit-transform: translateX(-100%) } 100% { -webkit-transform: translateX(0) } } @keyframes slideFromLeftFast { 0%, 50% { -webkit-transform: translateX(-100%); transform: translateX(-100%) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } .fxLetMeIn .itemwrap { -webkit-perspective: 1600px; perspective: 1600px } .fxLetMeIn .navOutNext { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation: rotateOutRight .5s forwards ease-in-out; animation: rotateOutRight .5s forwards ease-in-out } .fxLetMeIn .navInNext { z-index: 1001; opacity: 1; -webkit-animation: slideFromRightFast .5s forwards ease; animation: slideFromRightFast .5s forwards ease } .fxLetMeIn .navOutPrev { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-animation: rotateOutLeft .5s forwards ease-in-out; animation: rotateOutLeft .5s forwards ease-in-out } .fxLetMeIn .navInPrev { z-index: 1001; opacity: 1; -webkit-animation: slideFromLeftFast .5s forwards ease; animation: slideFromLeftFast .5s forwards ease } .fxLetMeIn li::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; background-color: rgba(0, 0, 0, .6); transition: opacity .5s ease-in-out } .fxLetMeIn .navOutNext::after, .fxLetMeIn .navOutPrev::after { opacity: 1 } @-webkit-keyframes rotateOutRight { to { -webkit-transform: rotateY(10deg) } } @keyframes rotateOutRight { to { -webkit-transform: rotateY(10deg); transform: rotateY(10deg) } } @-webkit-keyframes rotateOutLeft { to { -webkit-transform: rotateY(-10deg) } } @keyframes rotateOutLeft { to { -webkit-transform: rotateY(-10deg); transform: rotateY(-10deg) } } .fxStickIt .itemwrap { -webkit-perspective: 1600px; perspective: 1600px } .fxStickIt .navOutNext { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-animation: rotateBottomSideOut .8s forwards ease-in; animation: rotateBottomSideOut .8s forwards ease-in } .fxStickIt .navInNext { z-index: 1001; opacity: 1; -webkit-animation: slideInFromBottomDelayed .8s forwards; animation: slideInFromBottomDelayed .8s forwards } .fxStickIt .navOutPrev { opacity: 1; -webkit-animation: slideOutToBottom .8s forwards; animation: slideOutToBottom .8s forwards } .fxStickIt .navInPrev { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-animation: rotateBottomSideIn .8s .1s forwards ease-in; animation: rotateBottomSideIn .8s .1s forwards ease-in } @-webkit-keyframes rotateBottomSideOut { 40% { -webkit-transform: rotateX(-15deg); -webkit-animation-timing-function: ease-out } 100% { opacity: 0; -webkit-transform: scale(.8) translateZ(-200px) } } @keyframes rotateBottomSideOut { 40% { -webkit-transform: rotateX(-15deg); transform: rotateX(-15deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 100% { opacity: 0; -webkit-transform: scale(.8) translateZ(-200px); transform: scale(.8) translateZ(-200px) } } @-webkit-keyframes slideInFromBottomDelayed { 0%, 30% { -webkit-transform: translateY(100%) } 100% { -webkit-transform: translateY(0) } } @keyframes slideInFromBottomDelayed { 0%, 30% { -webkit-transform: translateY(100%); transform: translateY(100%) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes rotateBottomSideIn { 0% { opacity: 0; -webkit-transform: scale(.8) translateZ(-200px) } 60% { -webkit-transform: scale(1) translateZ(0) rotateX(-15deg); -webkit-animation-timing-function: ease-out } 100% { opacity: 1; -webkit-transform: scale(1) translateZ(0) rotateX(0deg) } } @keyframes rotateBottomSideIn { 0% { opacity: 0; -webkit-transform: scale(.8) translateZ(-200px); transform: scale(.8) translateZ(-200px) } 60% { -webkit-transform: scale(1) translateZ(0) rotateX(-15deg); transform: scale(1) translateZ(0) rotateX(-15deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 100% { opacity: 1; -webkit-transform: scale(1) translateZ(0) rotateX(0deg); transform: scale(1) translateZ(0) rotateX(0deg) } } .fxArchiveMe .navOutNext { -webkit-animation: scaleHalfDown .7s forwards cubic-bezier(.7, 0, .3, 1); animation: scaleHalfDown .7s forwards cubic-bezier(.7, 0, .3, 1) } .fxArchiveMe .navInNext { z-index: 1001; opacity: 1; -webkit-animation: slideInFromBottom .7s forwards cubic-bezier(.7, 0, .3, 1); animation: slideInFromBottom .7s forwards cubic-bezier(.7, 0, .3, 1) } .fxArchiveMe .navOutPrev { -webkit-animation: slideOutToBottom .7s forwards cubic-bezier(.7, 0, .3, 1); animation: slideOutToBottom .7s forwards cubic-bezier(.7, 0, .3, 1) } .fxArchiveMe .navInPrev { -webkit-animation: scaleHalfUp .7s forwards cubic-bezier(.7, 0, .3, 1); animation: scaleHalfUp .7s forwards cubic-bezier(.7, 0, .3, 1) } .fxArchiveMe li::after, .fxArchiveMe li::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background-color: rgba(0, 0, 0, .7); transition: opacity .7s cubic-bezier(.7, 0, .3, 1) } .fxArchiveMe .navOutNext::before, .fxArchiveMe li::after { opacity: 1 } .fxArchiveMe .navInNext::after, .fxArchiveMe .navInPrev::after, .fxArchiveMe li.current::after, .fxArchiveMe li::before { opacity: 0 } .fxArchiveMe .navInNext::after { transition: none } @-webkit-keyframes scaleHalfDown { to { -webkit-transform: scale(.6); opacity: 0 } } @keyframes scaleHalfDown { to { -webkit-transform: scale(.6); transform: scale(.6); opacity: 0 } } @-webkit-keyframes slideOutToBottom { to { -webkit-transform: translateY(100%) } } @keyframes slideOutToBottom { to { -webkit-transform: translateY(100%); transform: translateY(100%) } } @-webkit-keyframes scaleHalfUp { from { opacity: 0; -webkit-transform: scale(.6) } to { opacity: 1; -webkit-transform: scale(1) } } @keyframes scaleHalfUp { from { opacity: 0; -webkit-transform: scale(.6); transform: scale(.6) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } .fxVGrowth .navOutNext { -webkit-animation: scaleDown .6s forwards cubic-bezier(.6, 0, .4, 1); animation: scaleDown .6s forwards cubic-bezier(.6, 0, .4, 1) } .fxVGrowth .navInNext { z-index: 1001; opacity: 1; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: maximize .6s forwards cubic-bezier(.6, 0, .4, 1); animation: maximize .6s forwards cubic-bezier(.6, 0, .4, 1) } .fxVGrowth .navOutPrev { -webkit-animation: scaleDown .6s forwards cubic-bezier(.6, 0, .4, 1); animation: scaleDown .6s forwards cubic-bezier(.6, 0, .4, 1) } .fxVGrowth .navInPrev { z-index: 1001; opacity: 1; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-animation: maximize .6s forwards cubic-bezier(.6, 0, .4, 1); animation: maximize .6s forwards cubic-bezier(.6, 0, .4, 1) } @-webkit-keyframes maximize { from { -webkit-transform: scale(0) } to { -webkit-transform: scale(1) } } @keyframes maximize { from { -webkit-transform: scale(0); transform: scale(0) } to { -webkit-transform: scale(1); transform: scale(1) } } .fxSlideBehind .itemwrap { -webkit-perspective: 1000px; perspective: 1000px } .fxSlideBehind .navOutNext { -webkit-animation: hideLeft .8s forwards; animation: hideLeft .8s forwards } .fxSlideBehind .navInNext { -webkit-animation: showRight .8s forwards; animation: showRight .8s forwards } .fxSlideBehind .navOutPrev { -webkit-animation: hideRight .8s forwards; animation: hideRight .8s forwards } .fxSlideBehind .navInPrev { -webkit-animation: showLeft .8s forwards; animation: showLeft .8s forwards } @-webkit-keyframes hideLeft { 0% { -webkit-transform: translateZ(0) } 40% { -webkit-transform: translate(0, -40%) scale(.8) rotateX(-20deg); z-index: 9999 } 100% { opacity: 1; -webkit-transform: translateZ(-400px) } } @keyframes hideLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } 40% { -webkit-transform: translate(0, -40%) scale(.8) rotateX(-20deg); transform: translate(0, -40%) scale(.8) rotateX(-20deg); z-index: 9999 } 100% { opacity: 1; -webkit-transform: translateZ(-400px); transform: translateZ(-400px) } } @-webkit-keyframes showRight { 0% { -webkit-transform: translateZ(-400px); opacity: 1 } 40% { -webkit-transform: translate(0, 40%) scale(.8) rotateX(20deg); opacity: 1 } 41% { -webkit-transform: translate(0, 40%) scale(.8) rotateX(20deg); opacity: 1; z-index: 9999 } 100% { -webkit-transform: translateZ(0); opacity: 1; z-index: 9999 } } @keyframes showRight { 0% { -webkit-transform: translateZ(-400px); transform: translateZ(-400px); opacity: 1 } 40% { -webkit-transform: translate(0, 40%) scale(.8) rotateX(20deg); transform: translate(0, 40%) scale(.8) rotateX(20deg); opacity: 1 } 41% { -webkit-transform: translate(0, 40%) scale(.8) rotateX(20deg); transform: translate(0, 40%) scale(.8) rotateX(20deg); opacity: 1; z-index: 9999 } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; z-index: 9999 } } @-webkit-keyframes hideRight { 0% { -webkit-transform: translateZ(0) } 40% { -webkit-transform: translate(0, 40%) scale(.8) rotateX(20deg); z-index: 9999 } 100% { opacity: 1; -webkit-transform: translateZ(-400px) } } @keyframes hideRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } 40% { -webkit-transform: translate(0, 40%) scale(.8) rotateX(20deg); transform: translate(0, 40%) scale(.8) rotateX(20deg); z-index: 9999 } 100% { opacity: 1; -webkit-transform: translateZ(-400px); transform: translateZ(-400px) } } @-webkit-keyframes showLeft { 0% { -webkit-transform: translateZ(-400px); opacity: 1 } 40% { -webkit-transform: translate(0, -40%) scale(.8) rotateX(-20deg); opacity: 1 } 41% { -webkit-transform: translate(0, -40%) scale(.8) rotateX(-20deg); opacity: 1; z-index: 9999 } 100% { -webkit-transform: translateZ(0); opacity: 1; z-index: 9999 } } @keyframes showLeft { 0% { -webkit-transform: translateZ(-400px); transform: translateZ(-400px); opacity: 1 } 40% { -webkit-transform: translate(0, -40%) scale(.8) rotateX(-20deg); transform: translate(0, -40%) scale(.8) rotateX(-20deg); opacity: 1 } 41% { -webkit-transform: translate(0, -40%) scale(.8) rotateX(-20deg); transform: translate(0, -40%) scale(.8) rotateX(-20deg); opacity: 1; z-index: 9999 } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; z-index: 9999 } } .fxSoftPulse .navOutNext, .fxSoftPulse .navOutPrev { -webkit-animation: scaleUpFadeOut .8s forwards ease-in; animation: scaleUpFadeOut .8s forwards ease-in } .fxSoftPulse .navInNext, .fxSoftPulse .navInPrev { -webkit-animation: scaleDownFadeIn .8s forwards ease-out; animation: scaleDownFadeIn .8s forwards ease-out } @-webkit-keyframes scaleUpFadeOut { 50% { -webkit-transform: scale(1.2); opacity: 1 } 75% { -webkit-transform: scale(1.1); opacity: 0 } 100% { -webkit-transform: scale(1); opacity: 0 } } @keyframes scaleUpFadeOut { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1 } 75% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0 } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } } @-webkit-keyframes scaleDownFadeIn { 50% { opacity: 1; -webkit-transform: scale(1.2) } 100% { opacity: 1; -webkit-transform: scale(1) } } @keyframes scaleDownFadeIn { 50% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2) } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } .fxEarthquake .navOutNext { opacity: 1; -webkit-animation: shakeSlideBottom 1s .1s forwards; animation: shakeSlideBottom 1s .1s forwards } .fxEarthquake .navInNext { -webkit-animation: pushFromTop 1s .1s forwards; animation: pushFromTop 1s .1s forwards } .fxEarthquake .navOutPrev { opacity: 1; -webkit-animation: shakeSlideTop 1s .1s forwards; animation: shakeSlideTop 1s .1s forwards } .fxEarthquake .navInPrev { opacity: 1; -webkit-animation: pushFromBottom 1s .1s forwards; animation: pushFromBottom 1s .1s forwards } .fxEarthquake li::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; background-color: rgba(0, 0, 0, .3); transition: opacity .5s } .fxEarthquake .navOutNext::after, .fxEarthquake .navOutPrev::after { opacity: 1 } @-webkit-keyframes shakeSlideBottom { 0% { -webkit-transform: translate(0, 0) rotate(0deg) } 2%, 4% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg) } 6% { -webkit-transform: translate(0, 0) rotate(-.5deg) } 10%, 8% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg) } 12% { -webkit-transform: translate(0, 0) rotate(-.5deg) } 14% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg) } 16% { -webkit-transform: translate(0, 0) rotate(-.5deg) } 18%, 20%, 22% { -webkit-transform: translate(0, -1px) rotate(-.5deg) } 24% { -webkit-transform: translate(-1px, 0) rotate(-.5deg) } 26% { -webkit-transform: translate(0, 0) rotate(-.5deg) } 28% { -webkit-transform: translate(-1px, 0) rotate(-.5deg) } 30% { -webkit-transform: translate(0, -1px) rotate(-.5deg) } 32% { -webkit-transform: translate(-1px, 0) rotate(-.5deg) } 34% { -webkit-transform: translate(0, -1px) rotate(-.5deg) } 36% { -webkit-transform: translate(0, 0) rotate(-.5deg) } 38% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg) } 40% { -webkit-transform: translate(0, 0) rotate(-.5deg) } 42% { -webkit-transform: translate(-1px, 0) rotate(-.5deg) } 44% { -webkit-transform: translate(0, -1px) rotate(-.5deg) } 46%, 48% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg) } 50% { -webkit-transform: translate(0, -1px) rotate(-.5deg) } 52% { -webkit-transform: translate(-1px, 0) rotate(-.5deg) } 54% { -webkit-transform: translate(0, -1px) rotate(-.5deg) } 56% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg) } 58% { -webkit-transform: translate(0, 0) rotate(-.5deg) } 60% { -webkit-transform: translate(-1px, 0) rotate(-.5deg) } 62% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg) } 64% { -webkit-transform: translate(0, -1px) rotate(-.5deg) } 66% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg) } 68% { -webkit-transform: translate(-1px, 0) rotate(-.5deg) } 70% { -webkit-transform: translate(0, 0) rotate(-.5deg) } 100% { -webkit-transform: translateY(100%) } } @keyframes shakeSlideBottom { 0% { -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg) } 2%, 4% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg); transform: translate(-1px, -1px) rotate(-.5deg) } 6% { -webkit-transform: translate(0, 0) rotate(-.5deg); transform: translate(0, 0) rotate(-.5deg) } 10%, 8% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg); transform: translate(-1px, -1px) rotate(-.5deg) } 12% { -webkit-transform: translate(0, 0) rotate(-.5deg); transform: translate(0, 0) rotate(-.5deg) } 14% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg); transform: translate(-1px, -1px) rotate(-.5deg) } 16% { -webkit-transform: translate(0, 0) rotate(-.5deg); transform: translate(0, 0) rotate(-.5deg) } 18%, 20%, 22% { -webkit-transform: translate(0, -1px) rotate(-.5deg); transform: translate(0, -1px) rotate(-.5deg) } 24% { -webkit-transform: translate(-1px, 0) rotate(-.5deg); transform: translate(-1px, 0) rotate(-.5deg) } 26% { -webkit-transform: translate(0, 0) rotate(-.5deg); transform: translate(0, 0) rotate(-.5deg) } 28% { -webkit-transform: translate(-1px, 0) rotate(-.5deg); transform: translate(-1px, 0) rotate(-.5deg) } 30% { -webkit-transform: translate(0, -1px) rotate(-.5deg); transform: translate(0, -1px) rotate(-.5deg) } 32% { -webkit-transform: translate(-1px, 0) rotate(-.5deg); transform: translate(-1px, 0) rotate(-.5deg) } 34% { -webkit-transform: translate(0, -1px) rotate(-.5deg); transform: translate(0, -1px) rotate(-.5deg) } 36% { -webkit-transform: translate(0, 0) rotate(-.5deg); transform: translate(0, 0) rotate(-.5deg) } 38% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg); transform: translate(-1px, -1px) rotate(-.5deg) } 40% { -webkit-transform: translate(0, 0) rotate(-.5deg); transform: translate(0, 0) rotate(-.5deg) } 42% { -webkit-transform: translate(-1px, 0) rotate(-.5deg); transform: translate(-1px, 0) rotate(-.5deg) } 44% { -webkit-transform: translate(0, -1px) rotate(-.5deg); transform: translate(0, -1px) rotate(-.5deg) } 46%, 48% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg); transform: translate(-1px, -1px) rotate(-.5deg) } 50% { -webkit-transform: translate(0, -1px) rotate(-.5deg); transform: translate(0, -1px) rotate(-.5deg) } 52% { -webkit-transform: translate(-1px, 0) rotate(-.5deg); transform: translate(-1px, 0) rotate(-.5deg) } 54% { -webkit-transform: translate(0, -1px) rotate(-.5deg); transform: translate(0, -1px) rotate(-.5deg) } 56% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg); transform: translate(-1px, -1px) rotate(-.5deg) } 58% { -webkit-transform: translate(0, 0) rotate(-.5deg); transform: translate(0, 0) rotate(-.5deg) } 60% { -webkit-transform: translate(-1px, 0) rotate(-.5deg); transform: translate(-1px, 0) rotate(-.5deg) } 62% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg); transform: translate(-1px, -1px) rotate(-.5deg) } 64% { -webkit-transform: translate(0, -1px) rotate(-.5deg); transform: translate(0, -1px) rotate(-.5deg) } 66% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg); transform: translate(-1px, -1px) rotate(-.5deg) } 68% { -webkit-transform: translate(-1px, 0) rotate(-.5deg); transform: translate(-1px, 0) rotate(-.5deg) } 70% { -webkit-transform: translate(0, 0) rotate(-.5deg); transform: translate(0, 0) rotate(-.5deg) } 100% { -webkit-transform: translateY(100%); transform: translateY(100%) } } @-webkit-keyframes pushFromTop { 0%, 70% { opacity: 0; -webkit-transform: translateY(-100%) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @keyframes pushFromTop { 0%, 70% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes shakeSlideTop { 0% { -webkit-transform: translate(0, 0) rotate(0deg) } 2%, 4% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg) } 6% { -webkit-transform: translate(0, 0) rotate(-.5deg) } 10%, 8% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg) } 12% { -webkit-transform: translate(0, 0) rotate(-.5deg) } 14% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg) } 16% { -webkit-transform: translate(0, 0) rotate(-.5deg) } 18%, 20%, 22% { -webkit-transform: translate(0, -1px) rotate(-.5deg) } 24% { -webkit-transform: translate(-1px, 0) rotate(-.5deg) } 26% { -webkit-transform: translate(0, 0) rotate(-.5deg) } 28% { -webkit-transform: translate(-1px, 0) rotate(-.5deg) } 30% { -webkit-transform: translate(0, -1px) rotate(-.5deg) } 32% { -webkit-transform: translate(-1px, 0) rotate(-.5deg) } 34% { -webkit-transform: translate(0, -1px) rotate(-.5deg) } 36% { -webkit-transform: translate(0, 0) rotate(-.5deg) } 38% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg) } 40% { -webkit-transform: translate(0, 0) rotate(-.5deg) } 42% { -webkit-transform: translate(-1px, 0) rotate(-.5deg) } 44% { -webkit-transform: translate(0, -1px) rotate(-.5deg) } 46%, 48% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg) } 50% { -webkit-transform: translate(0, -1px) rotate(-.5deg) } 52% { -webkit-transform: translate(-1px, 0) rotate(-.5deg) } 54% { -webkit-transform: translate(0, -1px) rotate(-.5deg) } 56% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg) } 58% { -webkit-transform: translate(0, 0) rotate(-.5deg) } 60% { -webkit-transform: translate(-1px, 0) rotate(-.5deg) } 62% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg) } 64% { -webkit-transform: translate(0, -1px) rotate(-.5deg) } 66% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg) } 68% { -webkit-transform: translate(-1px, 0) rotate(-.5deg) } 70% { -webkit-transform: translate(0, 0) rotate(-.5deg) } 100% { -webkit-transform: translateY(-100%) } } @keyframes shakeSlideTop { 0% { -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg) } 2%, 4% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg); transform: translate(-1px, -1px) rotate(-.5deg) } 6% { -webkit-transform: translate(0, 0) rotate(-.5deg); transform: translate(0, 0) rotate(-.5deg) } 10%, 8% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg); transform: translate(-1px, -1px) rotate(-.5deg) } 12% { -webkit-transform: translate(0, 0) rotate(-.5deg); transform: translate(0, 0) rotate(-.5deg) } 14% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg); transform: translate(-1px, -1px) rotate(-.5deg) } 16% { -webkit-transform: translate(0, 0) rotate(-.5deg); transform: translate(0, 0) rotate(-.5deg) } 18%, 20%, 22% { -webkit-transform: translate(0, -1px) rotate(-.5deg); transform: translate(0, -1px) rotate(-.5deg) } 24% { -webkit-transform: translate(-1px, 0) rotate(-.5deg); transform: translate(-1px, 0) rotate(-.5deg) } 26% { -webkit-transform: translate(0, 0) rotate(-.5deg); transform: translate(0, 0) rotate(-.5deg) } 28% { -webkit-transform: translate(-1px, 0) rotate(-.5deg); transform: translate(-1px, 0) rotate(-.5deg) } 30% { -webkit-transform: translate(0, -1px) rotate(-.5deg); transform: translate(0, -1px) rotate(-.5deg) } 32% { -webkit-transform: translate(-1px, 0) rotate(-.5deg); transform: translate(-1px, 0) rotate(-.5deg) } 34% { -webkit-transform: translate(0, -1px) rotate(-.5deg); transform: translate(0, -1px) rotate(-.5deg) } 36% { -webkit-transform: translate(0, 0) rotate(-.5deg); transform: translate(0, 0) rotate(-.5deg) } 38% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg); transform: translate(-1px, -1px) rotate(-.5deg) } 40% { -webkit-transform: translate(0, 0) rotate(-.5deg); transform: translate(0, 0) rotate(-.5deg) } 42% { -webkit-transform: translate(-1px, 0) rotate(-.5deg); transform: translate(-1px, 0) rotate(-.5deg) } 44% { -webkit-transform: translate(0, -1px) rotate(-.5deg); transform: translate(0, -1px) rotate(-.5deg) } 46%, 48% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg); transform: translate(-1px, -1px) rotate(-.5deg) } 50% { -webkit-transform: translate(0, -1px) rotate(-.5deg); transform: translate(0, -1px) rotate(-.5deg) } 52% { -webkit-transform: translate(-1px, 0) rotate(-.5deg); transform: translate(-1px, 0) rotate(-.5deg) } 54% { -webkit-transform: translate(0, -1px) rotate(-.5deg); transform: translate(0, -1px) rotate(-.5deg) } 56% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg); transform: translate(-1px, -1px) rotate(-.5deg) } 58% { -webkit-transform: translate(0, 0) rotate(-.5deg); transform: translate(0, 0) rotate(-.5deg) } 60% { -webkit-transform: translate(-1px, 0) rotate(-.5deg); transform: translate(-1px, 0) rotate(-.5deg) } 62% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg); transform: translate(-1px, -1px) rotate(-.5deg) } 64% { -webkit-transform: translate(0, -1px) rotate(-.5deg); transform: translate(0, -1px) rotate(-.5deg) } 66% { -webkit-transform: translate(-1px, -1px) rotate(-.5deg); transform: translate(-1px, -1px) rotate(-.5deg) } 68% { -webkit-transform: translate(-1px, 0) rotate(-.5deg); transform: translate(-1px, 0) rotate(-.5deg) } 70% { -webkit-transform: translate(0, 0) rotate(-.5deg); transform: translate(0, 0) rotate(-.5deg) } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%) } } @-webkit-keyframes pushFromBottom { 0%, 70% { opacity: 0; -webkit-transform: translateY(100%) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @keyframes pushFromBottom { 0%, 70% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } .fxCliffDiving li { -webkit-transform-origin: 50% 400%; transform-origin: 50% 400% } .fxCliffDiving .navOutNext { opacity: 1; -webkit-animation: rotateOutCircLeft .9s forwards cubic-bezier(.7, 0, .3, 1); animation: rotateOutCircLeft .9s forwards cubic-bezier(.7, 0, .3, 1) } .fxCliffDiving .navInNext { opacity: 1; -webkit-animation: rotateInCircRight .9s forwards cubic-bezier(.7, 0, .3, 1); animation: rotateInCircRight .9s forwards cubic-bezier(.7, 0, .3, 1) } .fxCliffDiving .navOutPrev { opacity: 1; -webkit-animation: rotateOutCircRight .9s forwards cubic-bezier(.7, 0, .3, 1); animation: rotateOutCircRight .9s forwards cubic-bezier(.7, 0, .3, 1) } .fxCliffDiving .navInPrev { opacity: 1; -webkit-animation: rotateInCircLeft .9s forwards cubic-bezier(.7, 0, .3, 1); animation: rotateInCircLeft .9s forwards cubic-bezier(.7, 0, .3, 1) } .fxCliffDiving li::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; background-color: rgba(0, 0, 0, 1); transition: opacity .9s cubic-bezier(.7, 0, .3, 1) } .fxCliffDiving .navOutNext::after, .fxCliffDiving .navOutPrev::after { opacity: 1 } @-webkit-keyframes rotateOutCircLeft { to { -webkit-transform: rotate(-20deg) translateX(-100%) } } @keyframes rotateOutCircLeft { to { -webkit-transform: rotate(-20deg) translateX(-100%); transform: rotate(-20deg) translateX(-100%) } } @-webkit-keyframes rotateInCircRight { from { -webkit-transform: rotate(20deg) translateX(100%) } to { -webkit-transform: rotate(0deg) translateX(0) } } @keyframes rotateInCircRight { from { -webkit-transform: rotate(20deg) translateX(100%); transform: rotate(20deg) translateX(100%) } to { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0) } } @-webkit-keyframes rotateOutCircRight { to { -webkit-transform: rotate(20deg) translateX(100%) } } @keyframes rotateOutCircRight { to { -webkit-transform: rotate(20deg) translateX(100%); transform: rotate(20deg) translateX(100%) } } @-webkit-keyframes rotateInCircLeft { from { -webkit-transform: rotate(-20deg) translateX(-100%) } to { -webkit-transform: rotate(0deg) translateX(0) } } @keyframes rotateInCircLeft { from { -webkit-transform: rotate(-20deg) translateX(-100%); transform: rotate(-20deg) translateX(-100%) } to { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0) } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings