diff --git a/css/menu_bubble.css b/css/menu_bubble.css index af8c541..2550c7e 100644 --- a/css/menu_bubble.css +++ b/css/menu_bubble.css @@ -24,6 +24,8 @@ body, overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transition: -webkit-transform 0.4s; + -moz-transition: -moz-transform 0.4s; + -ms-transition: -ms-transform 0.4s; transition: transform 0.4s; } @@ -43,8 +45,12 @@ body, content: ''; opacity: 0; -webkit-transition: opacity 0.4s, -webkit-transform 0s 0.4s; + -moz-transition: opacity 0.4s, -moz-transform 0s 0.4s; + -ms-transition: opacity 0.4s, -ms-transform 0s 0.4s; transition: opacity 0.4s, transform 0s 0.4s; -webkit-transform: translate3d(100%,0,0); + -moz-transform: translate3d(100%,0,0); + -ms-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } @@ -105,11 +111,15 @@ body, .close-button::before { -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); transform: rotate(45deg); } .close-button::after { -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @@ -121,8 +131,12 @@ body, height: 100%; font-size: 1.15em; -webkit-transform: translate3d(-280px,0,0); + -moz-transform: translate3d(-280px,0,0); + -ms-transform: translate3d(-280px,0,0); transform: translate3d(-280px,0,0); -webkit-transition: -webkit-transform 0.4s; + -moz-transition: -moz-transform 0.4s; + -ms-transition: -ms-transform 0.4s; transition: transform 0.4s; } @@ -136,8 +150,12 @@ body, .close-button { opacity: 0; -webkit-transform: translate3d(-160px,0,0); + -moz-transform: translate3d(-160px,0,0); + -ms-transform: translate3d(-160px,0,0); transform: translate3d(-160px,0,0); -webkit-transition: opacity 0s 0.3s, -webkit-transform 0s 0.3s; + -moz-transition: opacity 0s 0.3s, -moz-transform 0s 0.3s; + -ms-transition: opacity 0s 0.3s, -ms-transform 0s 0.3s; transition: opacity 0s 0.3s, transform 0s 0.3s; -webkit-transition-timing-function: cubic-bezier(.17,.67,.1,1.27); transition-timing-function: cubic-bezier(.17,.67,.1,1.27); @@ -184,6 +202,8 @@ body, .show-menu .morph-shape, .show-menu .content::before { -webkit-transform: translate3d(0,0,0); + -moz-transform: translate3d(0,0,0); + -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } @@ -191,6 +211,8 @@ body, .show-menu .close-button { opacity: 1; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; + -moz-transition: opacity 0.3s, -moz-transform 0.3s; + -ms-transition: opacity 0.3s, -ms-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; diff --git a/css/menu_cornerbox.css b/css/menu_cornerbox.css index b5bbb67..2cb6f66 100644 --- a/css/menu_cornerbox.css +++ b/css/menu_cornerbox.css @@ -15,6 +15,8 @@ body, overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transition: -webkit-transform 0.3s; + -moz-transition: -moz-transform 0.3s; + -ms-transition: -ms-transform 0.3s; transition: transform 0.3s; } @@ -35,8 +37,12 @@ body, content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s; + -moz-transition: opacity 0.3s, -moz-transform 0s 0.3s; + -ms-transition: opacity 0.3s, -ms-transform 0s 0.3s; transition: opacity 0.3s, transform 0s 0.3s; -webkit-transform: translate3d(100%,0,0); + -moz-transform: translate3d(100%,0,0); + -ms-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } @@ -96,11 +102,15 @@ body, .close-button::before { -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); transform: rotate(45deg); } .close-button::after { -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @@ -114,8 +124,12 @@ body, color: #373a47; padding: 2em; -webkit-transform: translate3d(-320px,-320px,0); + -moz-transform: translate3d(-320px,-320px,0); + -ms-transform: translate3d(-320px,-320px,0); transform: translate3d(-320px,-320px,0); -webkit-transition: -webkit-transform 0.3s; + -moz-transition: -moz-transform 0.3s; + -ms-transition: -ms-transform 0.3s; transition: transform 0.3s; } @@ -156,18 +170,26 @@ body, /* Shown menu */ .show-menu .menu-wrap { -webkit-transform: translate3d(0,0,0); + -moz-transform: translate3d(0,0,0); + -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .show-menu .content-wrap { -webkit-transform: translate3d(80px,80px,0); + -moz-transform: translate3d(80px,80px,0); + -ms-transform: translate3d(80px,80px,0); transform: translate3d(80px,80px,0); } .show-menu .content::before { opacity: 1; -webkit-transition: opacity 0.3s; + -moz-transition: opacity 0.3s; + -ms-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-transform: translate3d(0,0,0); + -moz-transform: translate3d(0,0,0); + -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } \ No newline at end of file diff --git a/css/menu_cornerbox_nested.css b/css/menu_cornerbox_nested.css index 7898321..706bc6f 100644 --- a/css/menu_cornerbox_nested.css +++ b/css/menu_cornerbox_nested.css @@ -28,6 +28,8 @@ body, overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transition: -webkit-transform 0.5s; + -moz-transition: -moz-transform 0.5s; + -ms-transition: -ms-transform 0.5s; transition: transform 0.5s; } @@ -48,8 +50,12 @@ body, content: ''; opacity: 0; -webkit-transition: opacity 0.5s, -webkit-transform 0s 0.5s; + -moz-transition: opacity 0.5s, -moz-transform 0s 0.5s; + -ms-transition: opacity 0.5s, -ms-transform 0s 0.5s; transition: opacity 0.5s, transform 0s 0.5s; -webkit-transform: translate3d(100%,0,0); + -moz-transform: translate3d(100%,0,0); + -ms-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } @@ -101,11 +107,15 @@ body, .close-button::before { -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); transform: rotate(45deg); } .close-button::after { -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @@ -122,8 +132,12 @@ body, padding: 3em; overflow: hidden; -webkit-transform: translate3d(-100%,-100%,0); + -moz-transform: translate3d(-100%,-100%,0); + -ms-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0); -webkit-transition: -webkit-transform 0.5s; + -moz-transition: -moz-transform 0.5s; + -ms-transition: -ms-transform 0.5s; transition: transform 0.5s; } @@ -266,17 +280,23 @@ body, .show-menu .content::before, .show-submenu .menu-wrap[data-level="1"]::before { -webkit-transform: translate3d(0,0,0); + -moz-transform: translate3d(0,0,0); + -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .show-submenu .menu-wrap[data-level="1"], .show-menu .content-wrap { -webkit-transform: translate3d(40px,40px,0); + -moz-transform: translate3d(40px,40px,0); + -ms-transform: translate3d(40px,40px,0); transform: translate3d(40px,40px,0); } .show-submenu .content-wrap { -webkit-transform: translate3d(120px,120px,0); + -moz-transform: translate3d(120px,120px,0); + -ms-transform: translate3d(120px,120px,0); transform: translate3d(120px,120px,0); } diff --git a/css/menu_cornermorph.css b/css/menu_cornermorph.css index f29e5e4..f5b58d1 100644 --- a/css/menu_cornermorph.css +++ b/css/menu_cornermorph.css @@ -32,8 +32,12 @@ body, content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s; + -moz-transition: opacity 0.3s, -moz-transform 0s 0.3s; + -ms-transition: opacity 0.3s, -webkit-transform 0s 0.3s; transition: opacity 0.3s, transform 0s 0.3s; -webkit-transform: translate3d(100%,0,0); + -moz-transform: translate3d(100%,0,0); + -ms-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } @@ -66,6 +70,8 @@ body, z-index: 999; background: #ebedf4; -webkit-transition: width 0.3s, height 0.3s; + -moz-transition: width 0.3s, height 0.3s; + -ms-transition: width 0.3s, height 0.3s; transition: width 0.3s, height 0.3s; width: 0; height: 0; @@ -73,6 +79,8 @@ body, bottom: 1em; left: 1em; -webkit-transform-origin: 0% 100%; + -moz-transform-origin: 0% 100%; + -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } @@ -148,8 +156,12 @@ body, .show-menu .content::before { opacity: 1; -webkit-transition: opacity 0.3s; + -moz-transition: opacity 0.3s; + -ms-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-transform: translate3d(0,0,0); + -moz-transform: translate3d(0,0,0); + -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } @@ -157,12 +169,16 @@ body, width: 280px; height: 340px; -webkit-animation: anim-jelly 0.8s linear forwards; + -moz-animation: anim-jelly 0.8s linear forwards; + -ms-animation: anim-jelly 0.8s linear forwards; animation: anim-jelly 0.8s linear forwards; } .show-menu .menu { opacity: 1; -webkit-transition: opacity 0.3s 0.3s; + -moz-transition: opacity 0.3s 0.3s; + -ms-transition: opacity 0.3s 0.3s; transition: opacity 0.3s 0.3s; } diff --git a/css/menu_elastic.css b/css/menu_elastic.css index 679176f..5275a57 100644 --- a/css/menu_elastic.css +++ b/css/menu_elastic.css @@ -45,6 +45,8 @@ body, -webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s; transition: opacity 0.3s, transform 0s 0.3s; -webkit-transform: translate3d(100%,0,0); + -moz-transform: translate(100%,0); + -ms-transform: translate(100%,0); transform: translate3d(100%,0,0); } @@ -105,11 +107,15 @@ body, .close-button::before { -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); transform: rotate(45deg); } .close-button::after { -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @@ -123,6 +129,8 @@ body, -webkit-transform: translate3d(-300px,0,0); transform: translate3d(-300px,0,0); -webkit-transition: -webkit-transform 0.3s; + -moz-transition: -moz-transform 0.3s; + -ms-transition: -ms-transform 0.3s; transition: transform 0.3s; } @@ -168,6 +176,8 @@ body, /* Shown menu */ .show-menu .menu-wrap { -webkit-transform: translate3d(0,0,0); + -moz-transform: translate3d(0,0,0); + -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } @@ -175,6 +185,8 @@ body, -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translate3d(100px,0,0); + -moz-transform: translate3d(100px,0,0); + -ms-transform: translate3d(100px,0,0); transform: translate3d(100px,0,0); } @@ -183,5 +195,7 @@ body, -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-transform: translate3d(0,0,0); + -moz-transform: translate3d(0,0,0); + -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } \ No newline at end of file diff --git a/css/menu_sideslide.css b/css/menu_sideslide.css index 3a0c093..d696ec2 100644 --- a/css/menu_sideslide.css +++ b/css/menu_sideslide.css @@ -41,8 +41,13 @@ body, content: ''; opacity: 0; -webkit-transform: translate3d(100%,0,0); + -moz-transform: translate3d(100%,0,0); + -ms-transform: translate3d(100%,0,0); -moz-transition: opacity 0.3s, -moz-transform 0s 0.3s; + -ms-transition: opacity 0.3s, -webkit-transform 0s 0.3s; transform: translate3d(100%,0,0); -webkit-transition: opacity 0.4s, -webkit-transform 0s 0.4s; + -moz-transition: opacity 0.4s, -moz-transform 0s 0.4s; + -ms-transition: opacity 0.4s, -ms-transform 0s 0.4s; transition: opacity 0.4s, transform 0s 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); @@ -105,11 +110,15 @@ body, .close-button::before { -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); transform: rotate(45deg); } .close-button::after { -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @@ -123,8 +132,12 @@ body, padding: 2.5em 1.5em 0; font-size: 1.15em; -webkit-transform: translate3d(-320px,0,0); + -moz-transform: translate3d(-320px,0,0); + -ms-transform: translate3d(-320px,0,0); transform: translate3d(-320px,0,0); -webkit-transition: -webkit-transform 0.4s; + -moz-transition: -moz-transform 0.4s; + -ms-transition: -ms-transform 0.4s; transition: transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); @@ -137,6 +150,8 @@ body, .icon-list { -webkit-transform: translate3d(0,100%,0); + -moz-transform: translate3d(0,100%,0); + -ms-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } @@ -144,12 +159,16 @@ body, display: block; padding: 0.8em; -webkit-transform: translate3d(0,500px,0); + -moz-transform: translate3d(0,500px,0); + -ms-transform: translate3d(0,500px,0); transform: translate3d(0,500px,0); } .icon-list, .icon-list a { -webkit-transition: -webkit-transform 0s 0.4s; + -moz-transition: -moz-transform 0s 0.4s; + -ms-transition: -ms-transform 0s 0.4s; transition: transform 0s 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); @@ -188,6 +207,8 @@ body, /* Shown menu */ .show-menu .menu-wrap { -webkit-transform: translate3d(0,0,0); + -moz-transform: translate3d(0,0,0); + -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0.8s; transition: transform 0.8s; @@ -198,8 +219,12 @@ body, .show-menu .icon-list, .show-menu .icon-list a { -webkit-transform: translate3d(0,0,0); + -moz-transform: translate3d(0,0,0); + -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0.8s; + -moz-transition: -moz-transform 0.8s; + -ms-transition: -ms-transform 0.8s; transition: transform 0.8s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); @@ -207,15 +232,21 @@ body, .show-menu .icon-list a { -webkit-transition-duration: 0.9s; + -moz-transition-duration: 0.9s; + -ms-transition-duration: 0.9s; transition-duration: 0.9s; } .show-menu .content::before { opacity: 1; -webkit-transition: opacity 0.8s; + -moz-transition: opacity 0.8s; + -ms-transition: opacity 0.8s; transition: opacity 0.8s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); -webkit-transform: translate3d(0,0,0); + -moz-transform: translate3d(0,0,0); + -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } \ No newline at end of file diff --git a/css/menu_topexpand.css b/css/menu_topexpand.css index 4e8e3be..585972e 100644 --- a/css/menu_topexpand.css +++ b/css/menu_topexpand.css @@ -24,6 +24,8 @@ body, overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transition: -webkit-transform 0.4s; + -moz-transition: -webkit-transform 0.4s; + -ms-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); @@ -43,6 +45,8 @@ body, height: 2.25em; font-size: 1.5em; -webkit-transform: translate3d(1.5em,1.5em,0); + -moz-transform: translate3d(1.5em,1.5em,0); + -ms-transform: translate3d(1.5em,1.5em,0); transform: translate3d(1.5em,1.5em,0); } @@ -76,6 +80,8 @@ body, z-index: 999; background: #8a92b3; -webkit-transition: width 0.4s, height 0.4s, -webkit-transform 0.4s; + -moz-transition: width 0.4s, height 0.4s, -moz-transform 0.4s; + -ms-transition: width 0.4s, height 0.4s, -ms-transform 0.4s; transition: width 0.4s, height 0.4s, transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); @@ -126,6 +132,8 @@ body, -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translate3d(0,125px,0); + -moz-transform: translate3d(0,125px,0); + -ms-transform: translate3d(0,125px,0); transform: translate3d(0,125px,0); } @@ -133,6 +141,8 @@ body, width: 100%; height: 125px; -webkit-transform: translate3d(0,0,0); + -moz-transform: translate3d(0,0,0); + -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition-delay: 0s; transition-delay: 0s; diff --git a/css/menu_topside.css b/css/menu_topside.css index 251fa1b..895aa94 100644 --- a/css/menu_topside.css +++ b/css/menu_topside.css @@ -24,6 +24,8 @@ body, overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transition: -webkit-transform 0.3s; + -moz-transition: -moz-transform 0.3s; + -ms-transition: -ms-transform 0.3s; transition: transform 0.3s; } @@ -44,8 +46,12 @@ body, content: ''; opacity: 0; -webkit-transform: translate3d(100%,0,0); + -moz-transform: translate3d(100%,0,0); + -ms-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); -webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s; + -moz-transition: opacity 0.3s, -moz-transform 0s 0.3s; + -ms-transition: opacity 0.3s, -webkit-transform 0s 0.3s; transition: opacity 0.3s, transform 0s 0.3s; } @@ -63,6 +69,8 @@ body, color: transparent; background: transparent; -webkit-transition: -webkit-transform 0.3s; + -moz-transition: -moz-transform 0.3s; + -ms-transition: -ms-transform 0.3s; transition: transform 0.3s; } @@ -85,6 +93,8 @@ body, font-weight: 700; opacity: 0; -webkit-transition: opacity 1s; + -moz-transition: opacity 1s; + -ms-transition: opacity 1s; transition: opacity 1s; } @@ -142,13 +152,19 @@ body, .show-menu .content-wrap, .show-menu .menu-button { -webkit-transform: translate3d(300px,60px,0); + -moz-transform: translate3d(300px,60px,0); + -ms-transform: translate3d(300px,60px,0); transform: translate3d(300px,60px,0); } .show-menu .content::before { opacity: 1; -webkit-transition: opacity 0.3s; + -moz-transition: opacity 0.3s; + -ms-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-transform: translate3d(0,0,0); + -moz-transform: translate3d(0,0,0); + -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } \ No newline at end of file diff --git a/css/menu_wave.css b/css/menu_wave.css index 48db0c1..3604a7c 100644 --- a/css/menu_wave.css +++ b/css/menu_wave.css @@ -41,6 +41,10 @@ body, content: ''; opacity: 0; -webkit-transform: translate3d(100%,0,0); + -moz-transform: translate3d(100%,0,0); + -ms-transform: translate3d(100%,0,0); + -moz-transition: opacity 0.3s, -moz-transform 0s 0.3s; + -ms-transition: opacity 0.3s, -webkit-transform 0s 0.3s; transform: translate3d(100%,0,0); -webkit-transition: opacity 0.4s, -webkit-transform 0s 0.4s; transition: opacity 0.4s, transform 0s 0.4s; @@ -104,11 +108,15 @@ body, .close-button::before { -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); transform: rotate(45deg); } .close-button::after { -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @@ -122,8 +130,12 @@ body, height: 160px; font-size: 1.15em; -webkit-transform: translate3d(0,160px,0); + -moz-transform: translate3d(0,160px,0); + -ms-transform: translate3d(0,160px,0); transform: translate3d(0,160px,0); -webkit-transition: -webkit-transform 0.4s; + -moz-transition: -moz-transform 0.4s; + -ms-transition: -ms-transform 0.4s; transition: transform 0.4s; } @@ -135,15 +147,21 @@ body, top: 50%; padding: 0 1.5em; -webkit-transform: translate3d(0,-50%,0); + -moz-transform: translate3d(0,-50%,0); + -ms-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } .icon-list a, .close-button { opacity: 0; - -webkit-transform: translate3d(0,200px,0); + -webkit-webkit-transform: translate3d(0,200px,0); + -moz-webkit-transform: translate3d(0,200px,0); + -ms-webkit-transform: translate3d(0,200px,0); transform: translate3d(0,200px,0); -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; + -moz-transition: opacity 0.4s, -moz-transform 0.4s; + -ms-transition: opacity 0.4s, -ms-transform 0.4s; transition: opacity 0.4s, transform 0.4s; } @@ -175,8 +193,12 @@ body, left: 0; fill: #373a47; -webkit-transition: -webkit-transform 0.4s; + -moz-transition: -moz-transform 0.4s; + -ms-transition: -ms-transform 0.4s; transition: transform 0.4s; -webkit-transform: translate3d(-400px,0,0); + -moz-transform: translate3d(-400px,0,0); + -ms-transform: translate3d(-400px,0,0); transform: translate3d(-400px,0,0); } @@ -187,12 +209,16 @@ body, .show-menu .morph-shape, .show-menu .content::before { -webkit-transform: translate3d(0,0,0); + -moz-transform: translate3d(0,0,0); + -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .show-menu .menu-wrap, .show-menu .content::before { -webkit-transition-delay: 0s; + -moz-transition-delay: 0s; + -ms-transition-delay: 0s; transition-delay: 0s; }