Untitled

dabblet.css

.styled-button
{
  background-color: buttonface;
  border: 2px outset #aaa;

  border-radius: 4px;
  background-image: linear-gradient(
    top,
    #efefef 50%,
    #bbb 50%
  );
}
.styled-button:hover 
{
  background-image: linear-gradient(
    top,
    #eee 50%,
    #aaa 50%
  );
}
.styled-button:active
{
  background-image: linear-gradient(
    top,
    #bbb 50%,
    #efefef 50%
  );
}

dabblet.html

<button class="styled-button">Some button</button>

settings.json

{"view":"split","prefixfree":"1","page":"css"}