写真を縦スライスしたphoto演出
https://tympanus.net/codrops/2012/01/17/sliding-image-panels-with-css3/
Codrops／上記アニメーションの作り方
ユニークな Web デザインを次々とリリースする Codrops で公開されている CSS アニメーション例です。1 枚の写真を 4 分割し、CSS animation の slideOutUp や transition の opacity ease-in-out などが与えられています。
デモの写真は、幅 600 px なので 150 px ずつに 4 等分区切って、nth-child() セレクターで要素指定されています。様々なプロパティが使われているので、CSS 初心者にとっては良い教材になるのではないでしょうか。
