回答編集履歴

  背景がボックス幅の2倍あるため、初期状態ではボックス左端よりもさらに左側に青部分が隠れています。

  `background-position: 0 0`は`background-position: left top`と等価ですから、左端よりも左にあったものが左端まで移動するということは、右に向かって移動をするということです。