HTML 5 Playground

dabblet.css

/**
 * HTML 5 Playground
 */
body {
color: #ffffff;
font-size: 30pt;
font-family: "Cabin", sans-serif;
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}

span {
   border-bottom: 2px dashed rgba( 255, 255, 255, 0 );

  /* HOVER OFF */
   -webkit-transition: border-bottom 0.5s;
}

span:hover {
   border-bottom: 2px dashed rgba( 255, 255, 255, 1 );

  /* HOVER ON */
   -webkit-transition: border-bottom 1s;
}

dabblet.html

<span>link</span>

settings.json

{"view":"separate","seethrough":"","prefixfree":"1","page":"all"}