aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorHakim El Hattab <hakim.elhattab@gmail.com>2016-11-10 09:58:47 +0100
committerHakim El Hattab <hakim.elhattab@gmail.com>2017-05-16 09:45:37 +0200
commitf8b5813e59db12a24f84cb705c70a31c39da7f38 (patch)
treec65fbe571fa9063cd15b8708684c400eaaea7ff9
parent16c03a5b038f046e774219b4c92ee1a8c82c608a (diff)
downloadfosdem-2018-presentation-f8b5813e59db12a24f84cb705c70a31c39da7f38.tar
fosdem-2018-presentation-f8b5813e59db12a24f84cb705c70a31c39da7f38.tar.gz
prevent flicker on hover
-rw-r--r--css/reveal.css7
-rw-r--r--css/reveal.scss5
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;