読者です 読者をやめる 読者になる 読者になる

Tbpgr Blog

Ruby プログラマ tbpgr(てぃーびー) のブログ

CSShakeでkomagataさんになる

CSS CSShake

f:id:tbpg:20161014222605j:plain

CSShakeとは?

Some CSS classes to move your DOM!

elrumordelaluz.github.io

komagataさんになるとは?

何も言わずにリンク先を見てください

docs.komagata.org

伝わりましたか?

※komagataさんと全く面識はないですが、調べごとをしているときにちょくちょく
ブログのお世話になっています。ありがとうございます。

準備

<link rel="stylesheet" type="text/css" href="csshake.min.css">
<!-- or from surge.sh -->
<link rel="stylesheet" type="text/css" href="http://csshake.surge.sh/csshake.min.css">

揺らしてみる

<img src="https://cdn-ak.f.st-hatena.com/images/fotolife/t/tbpg/20161014/20161014222605.jpg" class="shake" />
<img src="https://cdn-ak.f.st-hatena.com/images/fotolife/t/tbpg/20161014/20161014222605.jpg" class="shake-hard" />
<img src="https://cdn-ak.f.st-hatena.com/images/fotolife/t/tbpg/20161014/20161014222605.jpg" class="shake-opacity" />
<img src="https://cdn-ak.f.st-hatena.com/images/fotolife/t/tbpg/20161014/20161014222605.jpg" class="shake-crazy" />

shake

shake-hard

shake-opacity

shake-crazy

Thanks

CSShakeは Emojineer の risacan さんのpplogポエムを読んで知りました。
ありがとうございます!