コピペでできる！cssとhtmlのみで作る購入ステップや手順説明などで使えるステップフロー表示 10選

copypet.jp — Tue, 05 Jun 2018 07:55:16 +0000

ECサイトなどを作っていると必ず購入手順や、会員登録などの登録手順の説明が必要になってきますが、
上にビジュアル的なステップがあるとユーザが「今何をしていて」「あと何手あるのか」などがわかりやすいですよね。
ということで、カスタムしやすいステップフロー表示を10選ご用意しました。

[li]のclassに以下のクラスをつけることで表示が変わります。
[completed]＝完了したもの
[active]＝現在値
何もつけなければ、未完了の表示となります。

コピペでできる！CSSとhtmlだけのレスポンシブ対応ページナビゲーションデザイン4選

copypet.jp — Wed, 14 Feb 2018 08:06:45 +0000

必ずといって作るのに案外デザインをストックしていないページナビゲーション。
レスポンシブ対応のページナビゲーションデザインを4つご紹介。
カスタマイズも比較的簡単なので、ストックしてみてはいかがでしょう？