iconを振動させる記法
style.css@keyframes icon-shake {
0% { transform:translate(0, 0) rotate(0); }
16.66% { transform:translate(2px, -2px) rotate(-5deg); }
33.32% { transform:translate(2px, 1px) rotate(5deg); }
49.98% { transform:translate(0, 0) rotate(0); }
66.64% { transform:translate(-2px, -2px) rotate(5deg); }
83.30% { transform:translate(-2px, 3px) rotate(-5deg); }
100% { transform:translate(0, 0) rotate(0); }
}
.deco-\! img.icon {
animation: 0.15s icon-shake linear infinite;
}~だと記号が衝突するな
iconを回転する記法にならってiconのみにした
画像全部回転させたい気もする