Ken Burns エフェクト風エフェクト

CSSの設定次第にはなりますが、iMoviesやiPhotoのようにKen Burns エフェクト風のスライドショーを表示させる事ができます。

CSSで調整できる内容であればmarginやscaleなどを利用して写真・画像を拡大・縮小させたり、上下左右に動かしたり、またはtransformでrotateを利用して回転させたり、はたまたfilterのgrayscaleでモノクロからカラーに変えてみたり。

CSSでクラス名を指定するだけで様々なアニメーションを追加することができます。

コメント欄