rev/bootstrap
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Offcanvas example: transition the transform (#28203)

Browse source 
This is more efficient than transitioning the `left` property.
This commit is contained in:
XhmikosR 2019-02-08 18:08:40 +02:00 • committed by GitHub
parent 52e6ce4512
commit c56b10c147
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

9
site/docs/4.2/examples/offcanvas/offcanvas.css
View file

@ -19,13 +19,14 @@ body {
overflow-y: auto;
visibility: hidden;
background-color: #343a40;
transition-timing-function: ease-in-out;
transition-duration: .3s;
transition-property: left, visibility;
transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out, visibility .3s ease-in-out;
transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
}
.offcanvas-collapse.open {
left: 0;
visibility: visible;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}