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
![Handling CSS Transitions with prepareTransition](https://cdn-ak-scissors.b.st-hatena.com/image/square/badad9b018a39c6b93688af6487c4df3752fe8b7/height=288;version=1;width=512/https%3A%2F%2Fsnk.ms%2Flogo.gif)