2年 ago
1857 Views

人のコードを見て覚える「使える便利なCSS&Jsパーツ特集」

slider

コーディングを覚えるには人のやり方を見るのが一番早いですよね。今回は良く使いそうなパーツをcodepenからピックアップしてきました。

Animated Spinners

10種類のローディング時のスピナー
loading

ポップアップウィンドウ

ボタンをクリックするとウィンドウが現れます
popup

Change from box to list

メニュークリックでグリッドチェンジ
material

PURE CSS FAVOURITE BUTTON

CSSオンリーのお気に入りボタン
favourit

Fullscreen drag-slider with parallax

ドラッグで移動するパララックススライダー
slider

レスポンシブボックス

windows幅で可変するボックスレイアウト
respon

Full Slider Prototype

自動フルスライド
fullslider

Animated SVG Hamburgers

SVGアニメーションハンバーガーメニュー
hg

Simple button

CSSで作るシンプルボタン
button

Solid drawings

CSS3で作ったアニメーション
box

StopWatch

日本人が作っているのを見ると贔屓目に見てしまう…。あ、ストップウォッチですw
stopwatch

Article Tags:
· · ·
Article Categories:
html&CSS · Javascript · アニメーション · パーツ · 素材
12345 (No Ratings Yet)
Loading...

Leave a Comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Menu Title
ツールバーへスキップ