Is visible transitionable?

dabblet.css

/* Is visible transitionable?
   Despite the spec it appears so
   http://dev.w3.org/csswg/css-box/#the-visibility-property */

.box {
  visibility: visible;
  transition: all 0.5s ease-out;
  width: 18em;
  min-height: 4em;
  padding: 0.75em 0;
  text-align: center;
  border: 2px solid #444;
  background-color: #eee
}
.box:hover {
  visibility: hidden;
  border-color: #ddd;
}

dabblet.html

<p class="box">Does <code>visible</code> transition on <code>:hover</code>?</p>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"90","seethrough":"","prefixfree":"1","page":"css"}