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

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

概要

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

用途・要件

  • 矢印はCSSのclip-pathを使用して作成。(borderを使用する方法に比べて少ない記述で実装可能。)
  • カレントアイテムにクラス「is-current」を付与。
  • レスポンシブ対応。

検証ブラウザ

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

実装

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

この記事をシェアする

関連記事

全ての記事を見る

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