リニューアルに使いたいオシャレな動きCSS＆JSパーツまとめ20選

季節の変わり目特に春にはリニューアルするサイトも多かったりします。そんなリニューアルやサイト制作時に使いたいオシャレパーツを集めました。

cssSlider

名前の通りCSSだけで動くレスポンシブスライダーです。クロスブラウザにも対応してます。
WOW.sliderのようにエフェクトからカラーなど好きなように選んで設置できるので、html&CSSがよく分からない人にも簡単に設置することができます。

MockupSlideshow

3D TRANSFORMSを使ったモックアップスライダー。携帯やPCの中をスライドするからアイディア次第で使い方色々♪こちらは有料（10ドル）になります

Diapo

動画も購入ボタンもいけるjQuery 1.4+とIE7・8対応スライダー。シンプルなので使いやすそうです。

WOW Slider

日本語もある有名なWOWslider。モダンブラウザとIE対応の上軽量でかなりの種類の中からエフェクトも決めれるのでjavascript設置初心者にも簡単にできるタイプ。

jQuery Sticky Menu with Background Parallax & Blur Effects

ファーストビューをフル画面で表示しスクロールに合わせてパララックスするタイプ。最近よく見かけるタイプですね。

jQuery Smooth Parallax Scroll

スムーズにパララックスするjquery

Turn Images Polaroids with CSS3

ポラロイド風CSSアニメーションイメージギャラリー。

sliding image panels with css3

メインで使いたいオシャレなCSSのみのイメージスライダー

Animated Headlines

ちょっとオシャレにヘッドラインに動きをつけたいなら、こんなアニメーションはいかがでしょうか？10種類のアニメーションが用意されてます

Hover Effect Ideas

マウスオーバーエフェクト30種類のってる

slick

レスポンシブに対応したカルーセルスライダー。何かと通販では部分的に使うので便利なタイプですね。

Owl Carousel 2

60オプションからカスタマイズできるカルーセルスライダー。モバイルのタッチやドラッグにも対応してます。

Elastic SVG Elements

SVGシェイプアニメーションを利用したメニューやボタンなどのエフェクト9種類

Animated Content Tabs with CSS3

CSSアニメーションタブコンテンツ

Creative CSS3 Animation Menus

シンプルなCSStransitionsを活用したメニュー

dropdownMenu With CSS3

カラフルCSSアニメーションドロップダウンメニュー。CSSとFnot Awesome iconフォントを使ったメニューです。

Buttons

カラフルなCSSを使ったボタン

Animated Download Button With CSS3

CSSアニメーションのダウンロードボタン

Caption Hover Effects

CSSの3D transformsなどを用いたマウスオーバーでタイトルが出る7種のアニメーションエフェクト

3D Thumbnail Hover Effects

オシャレな3Dマウスオーバーエフェクト