このサイトでもマテリアルデザイン風のカードをTOPページで利用していますが、最近フラットデザイン、マテリアルデザインなカードが流行っていますよね。
ブログはもちろん、各所サイトで度々目にします。
そこで今回はそんな人気なマテリアルデザイン風のカードをいくつかご紹介します。
コーディングやデザインの参考にしてみてはどうでしょうか。
目次
マテリアルカード: Pure CSSダイアグラム
See the Pen Material Card: Pure CSS Diagram by Raymond Phair (@Befeepilf) on CodePen.
マテリアルカードデザイン#2
See the Pen Material Cards Design #2 by Viraj Trivedi (@inf3cti0n95) on CodePen.
スキルマテリアルカード(ロールオーバーで動く)
See the Pen Skill Material Card by Balsakup (@Balsakup) on CodePen.
マテリアルカード(ロールオーバーで拡大)
See the Pen Material Card by Abdul Razak Shaikh (@abdulrazakshaikh) on CodePen.
汎用性が高いマテリアルカード
See the Pen Material Cards by Thomas (@Brejkish) on CodePen.
プロフィール アニメーションカード
See the Pen Material Design: Profile Card by Emil Devantie Brockdorff (@Mestika) on CodePen.
Appleっぽいマテリアルカード
See the Pen Material cards by ZhangZhuo (@zhangzhuo) on CodePen.
画像アニメーションマテリアルカード
See the Pen Material Card with Animated Featured Image by Knol (@knolaust) on CodePen.
