CSS3アニメーション、なるべく覚えたくないですし、誰かによしなにやってほしいですね。でもかっこいい画面は作りたい。 というわけで最低限だけ説明します。某所で行ったLTの内容をベースにしておりますので、さらに面倒な方はスライドを流し読みしてください。(ただし、スライドの方は不正確な部分がありますので、時間があれば当記事で補完していただけるといいかと思います。) スライドは以下です。 DEMOはこちら 対象 CSS3アニメーション、基本的にコピペで実装するし、なるべくなら一生知らずにいたい方 かといって、CSSフレームワークに頼ると大量のCSSに埋もれるのが辛い人 だからといってjQueryに頼るのも嫌な人 今回説明すること CSS3 Animationの最低限の書き方 基本的なイージングの種類 Vue.jsでアニメーションの省力化 アニメーションタイミングをずらす方法 3Dっぽい動きを付け