Handling CSS Transitions with prepareTransition

Using CSS transitions can be quite fun. But what's not fun is when you want to transition something that needs to use display:none or visibility:hidden (or really, any non-transitionable property). For example, let's say you have a dialog. When the user clicks on the close button, you want the dialog to fade out — a simple transition from opacity:1 to opacity:0. The problem is that the element is

[hiro_y]

transitionで要素をきれいに消す

[macky1207]

jQueryプラグインのprepareTransitionを使ってtransitionを扱いやすくする。

[teppeis]

transition中にdisplay:noneにしないことで非サポートブラウザでも透過的に動くようにする。