rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-28 20:52:21 +01:00
Code Issues Actions Packages Releases Activity

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
Show Stats 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; overflow-y: auto;
visibility: hidden; visibility: hidden;
background-color: #343a40; background-color: #343a40;
transition-timing-function: ease-in-out; transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
transition-duration: .3s; transition: transform .3s ease-in-out, visibility .3s ease-in-out;
transition-property: left, visibility; transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
} }
.offcanvas-collapse.open { .offcanvas-collapse.open {
left: 0;
visibility: visible; visibility: visible;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
} }
} }