From eec92f4af03c96dc1a2a4765a45c85976f406d32 Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Thu, 24 Jan 2019 23:09:24 +0200 Subject: [PATCH] Offcanvas example: transition the transform This is more efficient. --- site/docs/4.2/examples/offcanvas/offcanvas.css | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/site/docs/4.2/examples/offcanvas/offcanvas.css b/site/docs/4.2/examples/offcanvas/offcanvas.css index 22de95a41149..27ea010865c8 100644 --- a/site/docs/4.2/examples/offcanvas/offcanvas.css +++ b/site/docs/4.2/examples/offcanvas/offcanvas.css @@ -17,15 +17,14 @@ body { padding-right: 1rem; padding-left: 1rem; overflow-y: auto; - visibility: hidden; background-color: #343a40; - transition-timing-function: ease-in-out; - transition-duration: .3s; - transition-property: left, visibility; + transition: -webkit-transform .3s ease-in-out; + transition: transform .3s ease-in-out; + transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; } .offcanvas-collapse.open { - left: 0; - visibility: visible; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); } }