カバーレイヤーの表示をCSSで設定したサンプル

leftを0、rightを0と指定することで事実上横幅はゼロになります。

ためしにrightを99%…つまり1％の余裕を持たせると横幅は1％になります。

【1】の逆のパターン

【2】の逆のパターン

left: 0; right: 0;と設定することで横幅100％になります。このposition値を0～100へ推移させることで横幅を0から100％へアニメーションさせます。