snipette/weflock
snipette/weflock
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Sexier animation timing on menu

Browse source
This commit is contained in:
John O'Nolan 2015-03-09 16:05:25 +02:00
parent 329dfef410
commit 37d7d0b4f0
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
assets/css/screen.css
View file

@ -480,6 +480,8 @@ body.nav-opened .site-wrapper {
-webkit-transform: translate3D(-240px, 0, 0); -webkit-transform: translate3D(-240px, 0, 0);
-ms-transform: translate3D(-240px, 0, 0); -ms-transform: translate3D(-240px, 0, 0);
transform: translate3D(-240px, 0, 0); transform: translate3D(-240px, 0, 0);
-webkit-transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
} }
@ -551,9 +553,9 @@ body.nav-closed .nav {
body.nav-opened .nav { body.nav-opened .nav {
opacity: 1; opacity: 1;
-webkit-transition: -webkit-transform 0.5s ease, -webkit-transition: -webkit-transform 0.3s ease,
opacity 0s ease 0s; opacity 0s ease 0s;
transition: transform 0.5s ease, transition: transform 0.3s ease,
opacity 0s ease 0s; opacity 0s ease 0s;
-webkit-transform: translate3D(0, 0, 0); -webkit-transform: translate3D(0, 0, 0);
-ms-transform: translate3D(0, 0, 0); -ms-transform: translate3D(0, 0, 0);
@ -788,7 +790,7 @@ body.nav-opened .nav {
white-space: nowrap; white-space: nowrap;
border-radius: 3px; border-radius: 3px;
background: rgba(0,0,0,0.1); background: rgba(0,0,0,0.1);
transition: all 0.6s ease; transition: all 0.5s ease;
} }
.menu-button:focus { .menu-button:focus {
outline: 0; outline: 0;
@ -806,7 +808,7 @@ body.nav-opened .menu-button {
-webkit-transform: translate3D(94px, 0, 0); -webkit-transform: translate3D(94px, 0, 0);
-ms-transform: translate3D(94px, 0, 0); -ms-transform: translate3D(94px, 0, 0);
transform: translate3D(94px, 0, 0); transform: translate3D(94px, 0, 0);
transition: all 0.4s ease; transition: all 0.3s ease;
} }
body.nav-opened .menu-button .word { body.nav-opened .menu-button .word {
opacity: 0; opacity: 0;