いつか使いたいアニメーションJS/CSSメモ

![これはカッコイイ！アイテムを浮かせて斜めにスライドさせるコンテンツスライダー -Tilted Content Slideshow | コリス](http://coliss.com/wp-content/uploads-201401/2014031704.gif "これはカッコイイ！アイテムを浮かせて斜めにスライドさせるコンテンツスライダー -Tilted Content Slideshow | コリス")
*via [これはカッコイイ！アイテムを浮かせて斜めにスライドさせるコンテンツスライダー -Tilted Content Slideshow | コリス](http://coliss.com/wp-content/uploads-201401/2014031704.gif)*

[CodePen - A Pen by elementstorm](http://codepen.io/elementstorm/pen/InlGD)

[Pure CSS Spinner - CodePen](http://codepen.io/FezVrasta/pen/Bxsvn)

![SVG初心者に！SVGとCSSでボーダーにちょっとかっこいいアニメーションをつけるデモ | コリス](http://coliss.com/wp-content/uploads-201401/2014031201.gif "SVG初心者に！SVGとCSSでボーダーにちょっとかっこいいアニメーションをつけるデモ | コリス")
*via [SVG初心者に！SVGとCSSでボーダーにちょっとかっこいいアニメーションをつけるデモ | コリス](http://coliss.com/wp-content/uploads-201401/2014031201.gif)*

![ふなっしーもびっくりの多種多様なシェイクを実現できる「CSS Shake」](http://www.softantenna.com/wp/wp-content/uploads/2014/03/blogCSS-Shake.png "ふなっしーもびっくりの多種多様なシェイクを実現できる「CSS Shake」")
*via [ふなっしーもびっくりの多種多様なシェイクを実現できる「CSS Shake」](http://www.softantenna.com/wp/wp-content/uploads/2014/03/blogCSS-Shake.png)*

![[CSS]このホバーエフェクトかわいい！蝶番を軸にぷら〜んと開くCSS3アニメーション | コリス](http://coliss.com/wp-content/uploads-201401/2014022704.gif "[CSS]このホバーエフェクトかわいい！蝶番を軸にぷら〜んと開くCSS3アニメーション | コリス")
*via [[CSS]このホバーエフェクトかわいい！蝶番を軸にぷら〜んと開くCSS3アニメーション | コリス](http://coliss.com/wp-content/uploads-201401/2014022704.gif)*

![いい感じシールのめくり効果を作れるJSライブラリ「Sticker.js」:phpspot開発日誌](http://phpspot.net/php/webimager/admin3/data/38435d7c684d7304167288561b8acc36.png "いい感じシールのめくり効果を作れるJSライブラリ「Sticker.js」:phpspot開発日誌")
*via [いい感じシールのめくり効果を作れるJSライブラリ「Sticker.js」:phpspot開発日誌](http://phpspot.net/php/webimager/admin3/data/38435d7c684d7304167288561b8acc36.png)*

![html要素をプロペラ風になめらかに回転させるjQueryプラグイン「Propeller.js」:phpspot開発日誌](http://phpspot.net/php/webimager/admin3/data/1df35b47f0a572492b08c2211dc15330.png "html要素をプロペラ風になめらかに回転させるjQueryプラグイン「Propeller.js」:phpspot開発日誌")
*via [html要素をプロペラ風になめらかに回転させるjQueryプラグイン「Propeller.js」:phpspot開発日誌](http://phpspot.net/php/webimager/admin3/data/1df35b47f0a572492b08c2211dc15330.png)*

![クールなニュースティッカーを実装できるjQueryプラグイン「Advanced News Ticker」:phpspot開発日誌](http://phpspot.net/php/webimager/admin3/data/d78ba31ea17ff1a1c6e709896d1aaaff.png "クールなニュースティッカーを実装できるjQueryプラグイン「Advanced News Ticker」:phpspot開発日誌")
*via [クールなニュースティッカーを実装できるjQueryプラグイン「Advanced News Ticker」:phpspot開発日誌](http://phpspot.net/php/webimager/admin3/data/d78ba31ea17ff1a1c6e709896d1aaaff.png)*

![[CSS]重なった複数のパネルを扇状にアニメーションで優雅に開くスタイルシートのテクニック | コリス](http://coliss.com/wp-content/uploads-201401/2014021910.gif "[CSS]重なった複数のパネルを扇状にアニメーションで優雅に開くスタイルシートのテクニック | コリス")
*via [[CSS]重なった複数のパネルを扇状にアニメーションで優雅に開くスタイルシートのテクニック | コリス](http://coliss.com/wp-content/uploads-201401/2014021910.gif)*

![FontAwsomeのアイコンフォントをCSS3でアニメーションさせる「Font Awesome Animation」:phpspot開発日誌](http://phpspot.net/php/webimager/admin3/data/2161aa8c48e5a2e15e0d47fe3b37390f.png "FontAwsomeのアイコンフォントをCSS3でアニメーションさせる「Font Awesome Animation」:phpspot開発日誌")
*via [FontAwsomeのアイコンフォントをCSS3でアニメーションさせる「Font Awesome Animation」:phpspot開発日誌](http://phpspot.net/php/webimager/admin3/data/2161aa8c48e5a2e15e0d47fe3b37390f.png)*

![[CSS]画像やボタンなどのクリック・ホバー時にCSS3アニメーションを簡単に与えることができる -All Animation | コリス](http://coliss.com/wp-content/uploads-201401/2014030412.gif "[CSS]画像やボタンなどのクリック・ホバー時にCSS3アニメーションを簡単に与えることができる -All Animation | コリス")
*via [[CSS]画像やボタンなどのクリック・ホバー時にCSS3アニメーションを簡単に与えることができる -All Animation | コリス](http://coliss.com/wp-content/uploads-201401/2014030412.gif)*

# プログレスバー

※こちらに移動しました。
[モダンなプログレスバーを実装するプラグインまとめ - Qiita](http://qiita.com/maccotsan/items/ecafbd8ae28102c55701)

# その他

[フォント表現の可能性を広げるjQueryプラグイン 「20 jQuery Typography Plugins」 | DesignDevelop](http://design-develop.net/wordpress/plugin/20-jquery-typography-plugins.html)

[クリエイティブな動きがデザインが実装できる フリーjQueryプラグイン「30 Free jQuery Plugins for February 2014」 | DesignDevelop](http://design-develop.net/wordpress/plugin/30-free-jquery-plugins-for-february-2014.html)