Make more cross-browser compatible
This commit is contained in:
parent
82a0ce6ec0
commit
7f18e75647
10 changed files with 89 additions and 33 deletions
|
|
@ -18,15 +18,15 @@
|
|||
overflow: hidden;
|
||||
will-change: width, height;
|
||||
transition: height $long-transition-time, width $long-transition-time;
|
||||
transform-style: preserve-3d; // really important for performance on mobile devices
|
||||
transform-style: flat;
|
||||
|
||||
div {
|
||||
position: -webkit-sticky;
|
||||
border-radius: 100px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 7px;
|
||||
border-radius: 100px;
|
||||
width: 140px;
|
||||
|
||||
transition: transform $long-transition-time, opacity $long-transition-time;
|
||||
will-change: transform, opacity;
|
||||
|
|
@ -42,3 +42,7 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
#edge-hack {
|
||||
position: fixed;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue