全部作り終わったら跡形もなく消します
もったいないオバケが消すなって

*やりたいこと
index→topの変移にアニメさせたい
galleryのサムネイルを正方形にする
Enterボタンの周りをキラキラキラ〜感かわいくさせる

上下左右寄せ固定

サイトタイトルで苦労した

ウインドウの上下左右中央固定

divの入れ子構造なんて必要なかったんや

マウスオーバーで波紋を広げる

なんか第二波がでない
ripplesecond→rippleに変更で出た
色は@-webkit-keyframes rippleと@keyframes rippleの100%の方だけ書き換えで変わる
0%の行意味あるんか？

マウスオーバーでドクドク動く

今回の場合は< a >に追加して正常に動いた

PC用とスマホ用の表示切り替えをCSSだけで行う方法

タッチパネルではマウスオーバーとか無理なので無条件でアニメーションさせるようにしたかった
マウスオーバーに関する記述はa:hover〜がつく要素の中にあるので、ついてないやつに移植させた
あまりにも解像度の大きい泥だと動かないかもしれない