|
Server : Microsoft-IIS/10.0 System : Windows NT HMW9050 6.2 build 9200 (Unknow Windows version Standard Edition) i586 User : fatorc ( 0) PHP Version : 5.3.28 Disable Function : escapeshellarg, escapeshellcmd, exec, passthru, proc_close, proc_open, shell_exec, system, dl, popen, php_check_syntax, php_strip_whitespace, symlink, link, openlog, apache_child_terminate Directory : e:/home/fatorc/Web/wp-content/plugins/coming-soon-wp/assets/css/dialog/ |
Upload File : |
.dialog__overlay {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dialog__content {
background: transparent;
}
.morph-shape {
position: absolute;
width: 125%;
height: 100%;
top: 0;
left: -12.5%;
z-index: -1;
}
.morph-shape svg {
fill: rgba(0,0,0,0.7);
}
.dialog.dialog--open .dialog__content,
.dialog.dialog--close .dialog__content {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: cubic-bezier(0.8,0,0.2,1);
animation-timing-function: cubic-bezier(0.8,0,0.2,1);
}
.dialog.dialog--open .dialog__content {
-webkit-animation-name: anim-open;
animation-name: anim-open;
}
.dialog.dialog--close .dialog__content {
-webkit-animation-name: anim-close;
animation-name: anim-close;
}
@-webkit-keyframes anim-open {
0% { opacity: 0; -webkit-transform: translate3d(calc(50vw + 50%), 0, 0); }
100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
}
@keyframes anim-open {
0% { opacity: 0; -webkit-transform: translate3d(calc(50vw + 50%), 0, 0); transform: translate3d(calc(50vw + 50%), 0, 0); }
100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@-webkit-keyframes anim-close {
0% { opacity: 1; }
100% { opacity: 0; -webkit-transform: translate3d(calc(-50vw - 50%), 0, 0); }
}
@keyframes anim-close {
0% { opacity: 1; }
100% { opacity: 0; -webkit-transform: translate3d(calc(-50vw - 50%), 0, 0); transform: translate3d(calc(-50vw - 50%), 0, 0); }
}