「HTMLとCSS、JavaScriptのコーディングで悩む時間を減らしたい」という思いから、実際に実装したものをテンプレート化しています。
【Webデザイナーの方へ】
・デザインの参考資料として
・コーダーへの具体的な指示書として
【Webコーダーの方へ】
実装済みのコードをベースに使うことで、コーディング時間を大幅に短縮できます。
作業の効率化に、ぜひお役立てください。
ソースコード（HTML,CSS,JavaScript）は以下の確認方法があります。
1. 「プレビューボタン」下の各コードのボタンをクリック。するとGitHubの該当ページが開きます。
Webコーダーの方は、こちらの方が参考にしやすいと思います。
2. 「プレビュー」で右クリックしていただけるとご覧いただけます。
とりあえず、コードをコピペして実装したい方、HTMLコードを確認したい方はこちらをご利用ください。
3. コードペンは、埋め込み部分のビューを変更してください。
目次
ステップ（下向き矢印_スマホの表示などに）
ステップ（右向き矢印）
「続きを読む」「もっと読む」の開閉ボタン（ボタンの下をグラデーションで隠す）
HTML、CSSのみで実装
鏡文字
ペラっとめくるアニメーション
Contact Form 7でも使える！チェックボックス装飾（震える）
Contact Form 7,MW WP Formでも使える！送信ボタン装飾
