diff options
author | Vitaly Takmazov | 2018-04-10 19:19:37 +0300 |
---|---|---|
committer | Vitaly Takmazov | 2018-04-10 19:19:37 +0300 |
commit | 3a19c7229c07e4de07453d8a23775f6dee1a687f (patch) | |
tree | 7002eb494d49fd2ff19785f75b1654a966c027b4 /juick-www/src/main/assets/style.css | |
parent | b0b6f68f957e2a55f2aa4908beb6698b94a69d3e (diff) |
www: hide header on scroll
Diffstat (limited to 'juick-www/src/main/assets/style.css')
-rw-r--r-- | juick-www/src/main/assets/style.css | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/juick-www/src/main/assets/style.css b/juick-www/src/main/assets/style.css index 364cd7ef..d2cb984f 100644 --- a/juick-www/src/main/assets/style.css +++ b/juick-www/src/main/assets/style.css @@ -98,6 +98,12 @@ body > header { top: 0; width: 100%; z-index: 10; + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transition-property: -webkit-transform; + transition-property: transform; } #header_wrapper { margin: 0 auto; @@ -108,6 +114,11 @@ body > header { flex-wrap: wrap; padding: 4px; } +.header--hidden { + -webkit-transform: translateY(-100%); + -ms-transform: translateY(-100%); + transform: translateY(-100%); +} #footer { clear: both; color: #999; |