react-custom-gradient-button
Version:
A fully flexible React-powered gradient button component
2 lines (1 loc) • 379 B
CSS
.cstm-button-grd{margin:10px;padding:15px 45px;text-align:center;transition:.5s;background-size:200% auto;display:block;outline:none;border:1px solid transparent;cursor:pointer}.cstm-button-grd:hover{background-position:right center;color:#fff;text-decoration:none}.cstm-button-grd:active{background-position:center;opacity:.9}.cstm-button-grd:focus{border-color:#fff}