始めにcssでも色々な動きが作れるらしいのです。※スマートフォンでは動きません。※この記事はブログではなく最早メモです。作りは基本となる箱の上に他の箱を重ねていくやつ。基本の箱にposition:relativeを指定して、重ねる箱にposition:absoluteを指定すれば、後はtop:0;left:0;で調整できます。左横から出てくるように見せるために指定するには、leftに-100%などを指定して、hover時にleft:0;にしてあげるとなぜかスライドの動きになるようです。横線×2width:50%、height:50pxの箱を左右から出す。基本positionを片方はleft:-100%に指定し、もう片方はright:-100%に指定してhover時にどちらの値も0にすると、左右から閉めているように見えるんですね。箱を同じ行動時間でセットしていく。あるようなないような格子状のカタチができる。.box39{background:#000000;opacity:1;right:0;}終わりにもう少し縮められるとはいえソース長過ぎですね。