Mmemo

PC作業に関するメモ

CSS Animation で要素をぶるぶる震わせる

概要

CSSのAnimationを使って要素を震わせる。

各パラメータの変更をすると、プレビューとCSSの生成を行う。

span要素など、transformが適用できない要素はblockかinline-blockに変更する必要がある。

実装

生成

ぶるぶる震える
X-range:px
Y-range:px
Rotate:deg
Cycle:ms

CSS