1.0.11 • Published 7 years ago
shaf-button v1.0.11
It's easy peasy
Check out the demo.
Upgrade your buttons, force-touch them, make them springy and delightful. Force-touch works in Safari as well (if your device supports it).
<!-- Custom Elements v1 polyfill (2.7KB gzipped) -->
<script src="https://unpkg.com/@webcomponents/custom-elements@1.0.0-alpha.3"></script>
<!-- our custom element's source (1.2KB gzipped) -->
<script src="https://unpkg.com/shaf-button@1.0.11"></script>
Usage
.my-styled-button {
background: linear-gradient(to bottom, #00b7ea 0%, #009ec3 100%);
border-radius: 5px;
border: 0 none;
color: white;
padding: 8px 16px;
font-size: 1.1rem;
outline: none;
}
<shaf-button>
<button class="my-styled-button">
Click my corners
</button>
</shaf-button>