diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2016-11-10 09:58:47 +0100 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2017-05-16 09:45:37 +0200 |
| commit | f8b5813e59db12a24f84cb705c70a31c39da7f38 (patch) | |
| tree | c65fbe571fa9063cd15b8708684c400eaaea7ff9 | |
| parent | 16c03a5b038f046e774219b4c92ee1a8c82c608a (diff) | |
| download | fosdem-2018-presentation-f8b5813e59db12a24f84cb705c70a31c39da7f38.tar fosdem-2018-presentation-f8b5813e59db12a24f84cb705c70a31c39da7f38.tar.gz | |
prevent flicker on hover
| -rw-r--r-- | css/reveal.css | 7 | ||||
| -rw-r--r-- | css/reveal.scss | 5 |
2 files changed, 7 insertions, 5 deletions
diff --git a/css/reveal.css b/css/reveal.css index 691e2f2..32faedb 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -232,7 +232,8 @@ body { -webkit-transition: all 0.15s ease, background-color 0.8s ease; transition: all 0.15s ease, background-color 0.8s ease; -webkit-transform-origin: 3px 50%; - transform-origin: 3px 50%; } + transform-origin: 3px 50%; + will-change: transform; } .reveal .controls button:before { -webkit-transform: translateX(10.5px) translateY(23px) rotate(44deg); transform: translateX(10.5px) translateY(23px) rotate(44deg); } @@ -371,9 +372,9 @@ body { content: ''; display: block; position: absolute; - height: 20px; + height: 10px; width: 100%; - top: -20px; } + top: -10px; } .reveal .progress span { display: block; diff --git a/css/reveal.scss b/css/reveal.scss index c40211b..41d5744 100644 --- a/css/reveal.scss +++ b/css/reveal.scss @@ -299,6 +299,7 @@ body { transition: all 0.15s ease, background-color 0.8s ease; transform-origin: $thickness/2 50%; + will-change: transform; } button { @@ -453,9 +454,9 @@ body { content: ''; display: block; position: absolute; - height: 20px; + height: 10px; width: 100%; - top: -20px; + top: -10px; } .reveal .progress span { display: block; |