概要
【パス会員限定】ホバー時とホバー解除時に矢印が右側にスライドしながら消えると同時に左側から矢印がスライドしてくるCSSアニメーション付きのリンクボタンパーツ。用途・要件
- CSSアニメーション付きのリンクボタンパーツ。(aタグ)
- ホバー時とホバー解除時に矢印が右側に一方向にスライドしながら消えると同時に、左側から矢印がスライドして現れる。
- 矢印はCSSで作成。
- ページ読み込み時にアニメーションが走るため、JavaScript(Vanilla JS)を使用して対処。
検証ブラウザ(PC)
- Google Chrome(最新)
- Safari(最新)
- Firefox(最新)
- Microsoft Edge(最新)
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)