From 0975287a2648f1ff577099d6c3335a2f191a054f Mon Sep 17 00:00:00 2001
From: sergei_sergeev <sergeev.srg@gmail.com>
Date: Wed, 27 Jul 2016 11:21:06 +0300
Subject: [PATCH] fix (navbar,contextmenu): animation demo is not working.
 Closes #402

---
 src/components/contextualmenu/demo/styles.css | 42 +++++++++++++++++++
 src/components/navbar/demo/styles.css         | 42 +++++++++++++++++++
 2 files changed, 84 insertions(+)

diff --git a/src/components/contextualmenu/demo/styles.css b/src/components/contextualmenu/demo/styles.css
index 10a1307..dc726d2 100644
--- a/src/components/contextualmenu/demo/styles.css
+++ b/src/components/contextualmenu/demo/styles.css
@@ -31,4 +31,46 @@
     position: relative;
     width: 180px;
     z-index: 105;
+}
+
+@-webkit-keyframes fadeIn {
+  from {
+    opacity: 0;
+    animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes fadeOut {
+  from {
+    opacity: 1;
+    animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+@-webkit-keyframes slideRightIn40 {
+  from {
+    transform: translate3d(-40px, 0px, 0px);
+  }
+
+  to {
+    transform: translate3d(0px, 0px, 0px);
+  }
+}
+
+@-webkit-keyframes scaleDown98 {
+  from {
+    transform: scale3d(1, 1, 1);
+  }
+
+  to {
+    transform: scale3d(0.98, 0.98, 1);
+  }
 }
\ No newline at end of file
diff --git a/src/components/navbar/demo/styles.css b/src/components/navbar/demo/styles.css
index 8204c56..619592c 100644
--- a/src/components/navbar/demo/styles.css
+++ b/src/components/navbar/demo/styles.css
@@ -34,4 +34,46 @@
 .ms-NavBar-item.ms-NavBar-item--search.is-open-add, .ms-NavBar-item.ms-NavBar-item--search.is-open-remove{
   -webkit-transition: all .2s;
 	transition: all .2s;
+}
+
+@-webkit-keyframes fadeIn {
+  from {
+    opacity: 0;
+    animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes fadeOut {
+  from {
+    opacity: 1;
+    animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+@-webkit-keyframes slideRightIn40 {
+  from {
+    transform: translate3d(-40px, 0px, 0px);
+  }
+
+  to {
+    transform: translate3d(0px, 0px, 0px);
+  }
+}
+
+@-webkit-keyframes scaleDown98 {
+  from {
+    transform: scale3d(1, 1, 1);
+  }
+
+  to {
+    transform: scale3d(0.98, 0.98, 1);
+  }
 }
\ No newline at end of file