transitions

I am trying to create an animated bar graph using d3.js. I want the bars to appear one by one like this example http://nvd3.com/ghpages/multiBar.html . I was able to create a similar behavior but the motion starts from the height of the bar builds the bar towards the x-axis, however I want the motion to start from the x-axis and go to the height of the bar like the example. Much simplified version of my code: http://jsfiddle.net/gorkem/ECRMd/ Any help would be much appreciated Because the origin of the coordinate system is from the top-left, the 'y' value is anchored at the top of each bar. If

I have a question regarding the CSS vendor prefixes for transition. This source states that "you need to use all the usual prefixes to make this work in all browsers (-o-, -webkit-, -moz-, -ms-)". That page only shows the -webkit- and -moz- prefixes and claims that IE 10+, FF 16+ and Opera 12.1+ can read the prefix free version. In the code of Twitter Bootstrap, there is always exists a -webkit- , -moz- and -o- prefixed version in addition to the un-prefixed version. What prefixes should I use? http://caniuse.com/#search=transition says that you need -webkit- and plain property for modern

I'm trying to animate a dynamically created html element with CSS3 transitions . I want the animation to start just before the element is created. For these i create a class that set the original position of the element and then I set the target position by the jquery css() method But the new element it just apears in the target position without any transition. If I use a setTimeout of 0ms to set the new css value it work. There is something I'm doing wrong? or is a limitation? I don't think I should need to use the setTimeout workaround. Thanks! UPDATE : Here is a link with the code running

Is there a way to use a combination of Modernizr and jQuery to enable something similar to transitions if CSS3 isn't supported? What I'm currently doing is like this... <div class="hoverable"> <p>This div changes both width and height on hover</p> </div> The CSS is .hoverable { height: 100px; width: 2000px; transition: height .5s, width .5s; } .hoverable:hover { height: 200px; width: 100px; } I'm currently just using Modernizr to make the div be in the hover state by default if CSS3 transitions aren't supported. Is there a way to use Modernizr to trigger jQuery animation if CSS3 isn't

So i have the following css transitions attached to the a element: a { -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ; -moz-transition:color 0.1s ease-in, background-color 0.1s ease-in; -o-transition:color 0.1s ease-in, background-color 0.1s ease-in; transition:color 0.1s ease-in, background-color 0.1s ease-in; } Is there a way to disable these inherited transitions on specific a elements? a.tags { transition: none; } Doesn't seem to be doing the job. David Thomas The use of transition: none seems to be supported (with a specific adjustment for Opera) given the following