アニメーション/エフェクト (CSS3メイン)

[awakia]

http://www.nxworld.net/tips/css-image-hover-effects.html

Hoverした時の実例集。簡単なものだけど結構効果が高そう

http://www.nxworld.net/tips/css-only-caption-effect.html も

http://blog.8bit.co.jp/?p=12921 にまとめてあった。

https://ianlunn.github.io/Hover/

• Font Awsome とどう組み合わせるか
• 吹き出しのエフェクト

がよい！

とりあえずすごい

http://csspro.digitalskill.jp/%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB/css/css-hover%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3/

http://easings.net/ja

• EaseInとかいろんなエフェクトの動きが視覚的に学べる

https://matthewlein.com/ceaser/ でベジェ曲線で作れるエフェクトを試せる

http://codepen.io/rupert-ong/pen/xIlir

• Flyin, Flyout

Loading

http://liginc.co.jp/web/html-css/html/45552

http://leaverou.github.io/animatable/#box-shadow/3

消す時にめっちゃ使えそう