概要
リンクボタンやフォームの送信ボタンをひし形(平行四辺形)にcssのみでスタイルする方法について。用途
- 通常多く用いられる長方形およびradius以外の形状のボタンをcssのみで実装する。
- この記事ではひし形と平行四辺形をとりあげる。
- hover時に枠線が残るタイプのスタイルを実装。
検証ブラウザ
- Google Chrome(最新)
- Safari(最新)
- Firefox(最新)
- Microsoft Edge(最新)
- IE11
実装方法
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)