概要
【パス会員限定】CSSのclip-pathを使用して作成した8角形のリンクボタンパーツ。ホバー時に色反転して枠線を入れるCSSアニメーションを追加。用途・要件
- 8角形のリンクボタンをCSSのclip-pathを使用して作成。
- ホバー時に色反転して枠線を入れるアニメーションを実装。（PC時のみ）
- a要素内のテキストはspan要素で囲む。
検証ブラウザ
- Google Chrome(最新)
- Safari(最新)
- Firefox(最新)
- Microsoft Edge(最新)
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。（トラブルシューティングページへ）
