Anita Ammersfeld

dabblet.css

/**
 * Anita Ammersfeld
 */

a.box {
  display: inline-block;
  position: relative;
  border-top: 1px dashed black;
  border-right: 1px dashed black;
  cursor: pointer;
}

a.box img {
  position: absolute;
  width: 200px;
  -webkit-transition: opacity 0.2s ease-in;
}

a.box span {
  display: table-cell;
  height: 100px;
  width: 200px;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 0.2s ease-out 0.1s;
}

a.box img:hover {
  opacity: 0;
}

a.box span:hover {
  opacity: 1;
}

dabblet.html

<a class="box">
  <img src="http://www.without-a-limit.com/ammersfeld/style/images/items/biography.png">
<span>Biographie</span>
</a>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​


<a class="box">
  <img src="http://www.without-a-limit.com/ammersfeld/style/images/items/biography.png">
<span>Biographie</span>
</a>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}