diff --git a/Jakefile.js b/Jakefile.js
index 41ec9264..ea904115 100644
--- a/Jakefile.js
+++ b/Jakefile.js
@@ -44,6 +44,7 @@ task('build', {async: true}, function () {
       './src/timeline/component/css/timeaxis.css',
       './src/timeline/component/css/currenttime.css',
       './src/timeline/component/css/customtime.css',
+      './src/timeline/component/css/animation.css',
 
       './src/graph/css/graph-manipulation.css',
       './src/graph/css/graph-navigation.css'
diff --git a/src/timeline/component/css/animation.css b/src/timeline/component/css/animation.css
new file mode 100644
index 00000000..ce41fbf5
--- /dev/null
+++ b/src/timeline/component/css/animation.css
@@ -0,0 +1,31 @@
+/* TODO: get animation working nicely
+.vis.timeline.root {
+  -webkit-transition: height .4s ease-in-out;
+  transition:         height .4s ease-in-out;
+}
+
+.vis.timeline .vispanel {
+  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
+  transition:         height .4s ease-in-out, top .4s ease-in-out;
+}
+
+.vis.timeline .axis {
+  -webkit-transition: top .4s ease-in-out;
+  transition:         top .4s ease-in-out;
+}
+
+.vis.timeline  .group {
+  -webkit-transition: height .4s ease-in-out;
+  transition:         height .4s ease-in-out;
+}
+
+.vis.timeline .item {
+  -webkit-transition: top .4s ease-in-out;
+  transition:         top .4s ease-in-out;
+}
+
+.vis.timeline .item.line {
+  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
+  transition:         height .4s ease-in-out, top .4s ease-in-out;
+}
+/**/
\ No newline at end of file