季節の変わり目特に春にはリニューアルするサイトも多かったりします。そんなリニューアルやサイト制作時に使いたいオシャレパーツを集めました。
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アニメーションイメージギャラリー。
Turn Images Polaroids 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マウスオーバーエフェクト