CodePen Embed - [CSS] submit ボタン(影)

<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;
}

This Pen is owned by 17num on CodePen.

See more by @17num on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.