プロフィール(チーム・個人)

オシャレすぎな個人プロフィールカード! コピペで簡単実装 【 HTML/CSS 】




CSSで使えるおしゃれすぎる個人プロフィールカードをまとめてみました!

codepenから引用しています。

個人プロフィールカード コピペで実装

今回は個人プロフィールカードのデザインを集めました

プロフィールのカードもおしゃれに表示しちゃいましょう!

ぜひコピペで実装してみてください!

Twitterのぜんぶ

この画面からフォローもできる!

See the Pen
Twitter Card UI
by Marcelo Aguila (@marceloag)
on CodePen.

あなたもゲームのキャラクター

自分のアイコンもおしゃれに!

See the Pen
Profile Card
by Romswell Roswell Parian Paucar (@romswellparian)
on CodePen.

かわいいプロフィールはいかが?

メールや電話も入れれる可愛いデザイン

See the Pen
Profile Cards
by Paolo Duzioni (@Paolo-Duzioni)
on CodePen.

一枚のページみたいに

スライド形式で写真付きのプロフィールを作成!

See the Pen
Exploring UI Animation #2
by mario s maselli (@mariosmaselli)
on CodePen.

プロフでワクワクさせよう

色合いも重要!

See the Pen
Twitter Profile
by LukyVJ (@LukyVj)
on CodePen.

アニメーションで出てくるカード

アニメーションが可愛い

See the Pen
Cash.animate, card animation
by Tommie Hansen (@tommiehansen)
on CodePen.

くるっとプロフィール

くるっと回転!

See the Pen
Rotating Bootstrap Card
by Jesus Rodriguez (@J_Enrique)
on CodePen.

王道モノクロ

モノクロでシンプルに

See the Pen
CodePen User Card
by Andy Tran (@andytran)
on CodePen.

宇宙なカード

宇宙でおしゃれに!

See the Pen
Card animation
by Lam Chang (@lamchang)
on CodePen.

名刺

名刺みたいなプロフィールカード!くるっと回転するとSNSも

See the Pen
Interactive Business Card
by Daniel Jordan (@djordan)
on CodePen.

マテリアルなプロフ

フォローの機能も!

See the Pen
Material Card
by Juan Antonio Beato Quiñones (@juanbeato)
on CodePen.

ぴょこっと出てくる

アニメーションが可愛いし消え方も面白い!

See the Pen
Adding Appeal to Your Animations on the Web
by Envato Tuts+ (@tutsplus)
on CodePen.

ガラスを覆う!

ダブルクリックで移動も可能!

See the Pen
Interactive profile card
by Iva Dopuđ (@Masquetina)
on CodePen.

ボールがカードに

登場の仕方が可愛い

See the Pen
Material Design: Profile Card
by Emil Devantie Brockdorff (@Mestika)
on CodePen.

六角くるっと

くるっと回転で表示

See the Pen
Hexagon Flip Card
by Jacob Harris (@ahoy)
on CodePen.

プロフィールをつくろう

吹き出しタイプでおしゃれなデザイン

See the Pen
GitHub Card With ReactJS (ES6)
by Hamed Esmaili (@theham3d)
on CodePen.

左下から回転

おもしろい回転の仕方!

See the Pen
Business Card
by Nicholas Dobie (@nrdobie)
on CodePen.

コンタクトも完備

コメントを送る機能もついてる

See the Pen
Simple Contact Card
by Max Kurapov (@mkurapov)
on CodePen.

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

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

覗いてみる!

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

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

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