お問合せフォームでよく使用されるステップバー タイプ2(CSSのclip-pathを使用。枠線あり)

[ ID : 8277 ]
こちらの記事はパス会員様向けです。
お問合せフォームでよく使用されるステップバー タイプ2(CSSのclip-pathを使用。枠線あり)

概要

【パス会員限定】お問合せフォームでよく使用される入力・確認・完了の進捗状況を示すステップバー。CSSのclip-pathを使用して実装。

用途・要件

  • 矢印はCSSのclip-pathを使用して作成。(borderを使用する方法に比べて少ない記述で実装可能。)
  • 枠線ありタイプ。
  • カレントアイテムにクラス「is-current」を付与。
  • レスポンシブ対応。
  • 注:リストアイテム要素の隙間は空けない。

検証ブラウザ

  • Google Chrome(最新)
  • Safari(最新)
  • Firefox(最新)
  • Microsoft Edge(最新)

実装

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

関連記事

全ての記事を見る

KONOCODEのメリット 無料会員登録