KUMONOSU｜コピペで使えるCSS・JSのアニメーションデザイン

Friendly 
Neighborhood

Cascading Style Sheets & Animations

モーションやレイアウトテクニック、グラデーション、インタラクティブなアニメーションなど
コピペするだけで使えるCSS / JSのコードを分かりやすく紹介します。

よく見られているCSS

最新のCSS

CSS一覧 »

FRIENDLY NEIGHBORHOOD FRIENDLY NEIGHBORHOOD FRIENDLY NEIG

With great power comes great responsibility With great pow

Search Category Visual

CCSをカテゴリから探す

KUMONOSUではCSSアニメーションやスクロールエフェクト、ホバー演出などをカテゴリ別に分類しています。目的に合わせて必要なCSS/JSをすぐに探せます。

Search Parts Visual

CCSをパーツから探す

パーツ検索では、ボタン、カード、ナビゲーション、メインビジュアルなど、実際に使うUIパーツごとにCSS/JSのデモを探せます。

特集&まとめ

特集&まとめ »

なぜKUMONOSU？

KUMONOSUは、
CSSやJavaScriptを使ったアニメーションやレイアウトデザインを、
実際に試してみたサイトです。

「どんな見た目・どんな動きになるのか」を実際に確認でき、
デモとコード付きのためコピペ可能です。

海外の最新トレンドやモダンなCSSを中心に、
Webデザイナーやフロントエンド制作者の初心者からベテランまで、
制作の中で使えそうな表現を厳選して掲載しています。

また、カテゴリやパーツごとに整理しているため、
アイデア探しやデザインの参考としても使いやすく、
CSS・JSを探したいときに便利なサイトです。

Articles 記事の数
78

掲載している記事数は、KUMONOSUが扱う表現の幅を示す指標であり、
デザインの参考探しにも実装のヒント探しにも役立ちます。

Today’s Access 本日のアクセス数
58

KUMONOSUの本日のアクセス数は、リアルタイムの指標です。、
デザイナーやフロントエジニアの新しいテクニックへの関心度がわかります。

Total Access 総アクセス数
12,096

KUMONOSUの総アクセス数は、信頼性の指標です。、
これまでの全てのアクセス数は、デザイナーやフロントエンジニアから継続的に支持されている証拠にもなります。

ABOUT »