From c56b10c14756222c4921c790703348eb8239bc95 Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Fri, 8 Feb 2019 18:08:40 +0200
Subject: [PATCH] Offcanvas example: transition the transform (#28203)
This is more efficient than transitioning the `left` property.
---
site/docs/4.2/examples/offcanvas/offcanvas.css | 9 +++++----
1 file changed, 5 insertions(+), 4 deletions(-)
diff --git a/site/docs/4.2/examples/offcanvas/offcanvas.css b/site/docs/4.2/examples/offcanvas/offcanvas.css
index 22de95a411..9c78f02e5e 100644
--- a/site/docs/4.2/examples/offcanvas/offcanvas.css
+++ b/site/docs/4.2/examples/offcanvas/offcanvas.css
@@ -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%);
}
}
--
GitLab