Mmemo

PC作業に関するメモ

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

概要

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

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

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

実装

生成

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

CSS