SASS with Compass で震える CSS Animation

SASS には、デフォルトでたくさんの有用な関数が用意されている。
random() はその一例で、0〜1 の数値を、ランダムに返してくれる関数だ。

これと、Compassの mixin をうまく組み合わせれば、
震えるアニメーションを簡単に作ることが出来る。

See the Pen AdJby by Eksib (@goomy) on CodePen.

keyframes の時間を、変数で指定するときは、
例えば、 $i を使う場合、

#{$i}#{"%"}

のようにすると書ける。