Browse Source

Added a start with animation (not yet working and disabled)

css_transitions
jos 10 years ago
parent
commit
fe6cdfca4c
2 changed files with 32 additions and 0 deletions
  1. +1
    -0
      Jakefile.js
  2. +31
    -0
      src/timeline/component/css/animation.css

+ 1
- 0
Jakefile.js View File

@ -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'

+ 31
- 0
src/timeline/component/css/animation.css View File

@ -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;
}
/**/

Loading…
Cancel
Save