<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 doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.