「AniCollection」では、CSS3のプロパティ「webkit-animation」を使用したアニメーションパターンのサンプルが取得できます。
一般的なブログなどでは使い所がちょっとムズカシイものがありますが、ワンポイントとして使うと訪問者を驚かせることができそうです。
Source: AniCollection
タグ: アニメーション
[CSS] 自動で色が変わるグラデーションのCSSコードを生成するジェネレーター
「CSS Gradient Animator」は、CSS3のanimationプロパティとliner-gradientプロパティを使用して、色が変化していくグラデーションカラーを再現するCSSコードを生成できるジェネレーター。
Add colorからカラーを追加して、グラデーションやスクロールするアングル、カラーを変化させるスピードを指定してコード生成。カラーは複数追加可能となっています。
「あれ、何となく色が変化している？」というぐらいのスピードに設定すると、お上品で良い感じ。
Source: CSS Gradient Animator
[CSS] シンプソンズのキャラをCSSだけで再現した凄いコード集
CSSだけで描写されているシンプソンズのキャラクター達。
著作権があるのでバンバン使うってわけにはいきませんが、スゴイです。
ちゃんと瞬きもします。
Source: The Simpsons in CSS
[CSS] ロード時のアニメーションをCSSだけで表現するサンプル
画像ファイルを一切使用せず、CSSだけでロード時のアニメーションアイコンを表示するサンプル。出来合いのアニメgifを使うのが最も楽ですが、1から自分で作る手間を考えると、この手段もなかなかお手軽ではないでしょうか？
