Skip to content

Instantly share code, notes, and snippets.

@304352303
Forked from csssecrets/dabblet.css
Last active February 9, 2018 07:11
Show Gist options
  • Save 304352303/178711254318ea589a0d25a06360b8aa to your computer and use it in GitHub Desktop.
Save 304352303/178711254318ea589a0d25a06360b8aa to your computer and use it in GitHub Desktop.
Extending the hit area — with borders
/**
* Extending the hit area — with borders
*/
button {
padding: .3em .5em;
border: 10px solid transparent;
border-radius: 50%;
background: #58a;
background-clip: padding-box;
box-shadow: 0 0 0 1px rgba(255,0,0,.3) inset;
color: white;
font: bold 150%/1 sans-serif;
cursor: pointer;
}
<button>+</button>
// alert('Hello world!');
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment