Disabled buttons still move (eg the gradient changes) when hovered or clicked exactly like they would when not disabled. This will probably confuse lots of users. If the button looks like it responds to the click they might think it actually did something.
The behaviour has been tested on Chrome "23.0.1271.95 m" to happen with both 'button' and 'input type="submit"' elements. On IE9 the the situation is more complicated:
IE9 does not display the hover animation at all (which is probably becouse of the lack of :hover functionality in IE, but in the case of disabled buttons actually makes things much more intuitive). But the 'button' does display the click animation but the 'input' (most of the time) does not.
Disabled buttons still move (eg the gradient changes) when hovered or clicked exactly like they would when not disabled. This will probably confuse lots of users. If the button looks like it responds to the click they might think it actually did something.
The behaviour has been tested on Chrome "23.0.1271.95 m" to happen with both 'button' and 'input type="submit"' elements. On IE9 the the situation is more complicated: IE9 does not display the hover animation at all (which is probably becouse of the lack of :hover functionality in IE, but in the case of disabled buttons actually makes things much more intuitive). But the 'button' does display the click animation but the 'input' (most of the time) does not.
This behaviour can be observed here: http://jsfiddle.net/s4JBf/3/