Gradient Experiment

by ShaCP

HTML

<button>
HELLO
</button>

CSS

button {
      width: 100px;
      height: 50px;
      appearance: none;
      border: 0;
      background: linear-gradient(30deg, #ffffff 0%, purple 100%);
      /* background: linear-gradient( 
30deg, purple 0%, white 50%, purple 100%); */
      /* background: linear-gradient( 
30deg, purple 0%, white 50%, purple 100%); */
      /* background: linear-gradient( 
30deg, purple 0%, #ffffff 100%); */
    }