<form>
  <p><input type="text"></p>
  <p><input class="shadow-1" type="submit" value="送信する"></p>
  <p><input class="shadow-2" type="submit" value="送信する"></p>
  <p><input class="shadow-3" type="submit" value="送信する"></p>
  <p><input class="shadow-4" type="submit" value="送信する"></p>
</form>
.shadow-1 {
  box-shadow: 3px 0px 0px black;
}

.shadow-2 {
  box-shadow: 0px 3px 0px blue;
}

.shadow-3 {
  box-shadow: 0px 0px 3px red;
}

.shadow-4 {
  box-shadow: 3px 3px 3px gray;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.