お問い合わせ

お問い合わせ殺到! おしゃれデザインすぎるフォームをCSSコピペで実装




CSSで使えるおしゃれなお問い合わせフォームをまとめてみました!

codepenから引用しています

おしゃれなお問い合わせフォーム コピペで実装

今回はおしゃれなお問い合わせフォームを集めました!

自分好みのデザインを選んでぜひコピペで実装してみてください!

グラデーションの中に

背景がグラデーションになっていておしゃれ

See the Pen
RESPONSIVE MATERIAL DESIGN CONTACT FORM
by Nikhil Krishnan (@nikhil8krishnan)
on CodePen.

シンプル・イズ・ザ・ベスト

色味が少ないシンプルなデザイン

See the Pen
Contact Form
by George Arnall (@georgearnall)
on CodePen.

丸みを帯びたコンタクトフォーム

全ての角が丸みを帯びていて色合いもかわいい

See the Pen
contact form
by Tim (@TimQuincey)
on CodePen.

黒いフォーム

黒が基調でごちゃごちゃしていないシンプルなデザイン

See the Pen
Responsive Contact Form
by Bobby Korec (@bobbykorec)
on CodePen.

マテリアル〜

背景がおしゃれで入力部分もシンプル

See the Pen
Material Design Contact Form
by Kyle Lavery (@kylelavery88)
on CodePen.

地図の上に

地図上に出ている少し珍しいデザイン

See the Pen
Contact form with google maps in background
by Vivek Mengu (@vivekmengu)
on CodePen.

浅い色でおしゃれに

少し褪せた色味で味を出そう!

See the Pen
Angular Contact Form
by Katy DeCorah (@katydecorah)
on CodePen.

ミニマル主義!

クリックしたときの色合いが可愛い

See the Pen
Ultra-Clean UI ‘Contact Us’ Form
by Dave Lunny (@hi_mynameisdave)
on CodePen.

メーター付き

下にメーターがついてて自分で調節できる!

See the Pen
Contact Form with Budget Slider
by Adam (@adamk22)
on CodePen.

うーん、シンプル!

少し褪せた赤でシンプルに味を足そう!

See the Pen
Simple, flat contact form
by Zach Saucier (@ZachSaucier)
on CodePen.

モノクロ

モノクロでシンプルに

See the Pen
Contact Form
by Aina Requena (@ainarela)
on CodePen.

ちょっぴりすりガラス

少しすりガラス気味のデザイン

See the Pen
Contact Form Bootstrap 3
by Shuvo (@ShuvoHabib)
on CodePen.

コンタクトカード

カードタイプのデザイン

See the Pen
Contact Form
by Aakash (@iaakash)
on CodePen.

ミニマル主義②

シンプル・・・かな。

See the Pen
Floating Label Contact Form
by John Wilson (@johnbarrierwilson)
on CodePen.

線だけで十分!

同色でまとめられていておしゃれ

See the Pen
MINIMALISTIC FORM
by Matheus Marsiglio (@matmarsiglio)
on CodePen.

堅実派!

上のデザインがおしゃれ

See the Pen
Clean Contact Form
by nick haskell (@nickhaskell)
on CodePen.

ミニマル主義③

吹き出しタイプでおしゃれに

See the Pen
Clean Contact Form
by James Gray (@jamesgray)
on CodePen.

Googleしごと検索を使えば、『無料で』求人を
検索のトップ表示にできます!

Googleの新機能を堪能しませんか?

覗いてみる!

いままでの様に、求人広告やリスティング広告に多額の費用を支払う時代はもう終わりました

2019年から始まった新しいサービス「Googleしごと検索」を活用することで、誰でも簡単にGoogleの巨大プラットフームを利用できるようになったのです!

『すべて無料』で始められます!