向右扫掠过渡css

我有一个提交按钮，我需要从左向右扫描其背景：

<input type="submit" value="Send Request" class="sweep">

---

我需要像这样的东西。所有示例都用于按钮、a、li和Div标记。

您可以尝试设置

背景大小

属性的动画以模拟此效果

输入{
填充：.75em；
边框：1px#ddd实心；
背景：线性梯度（向右，#eee，#eee）；
背景重复：无重复；
背景大小：0.100%；
过渡：背景大小为1s 0s；
}
输入：悬停{
背景大小：100%100%；
}

---

您可以尝试设置

背景大小

属性的动画，以模拟此效果

输入{
填充：.75em；
边框：1px#ddd实心；
背景：线性梯度（向右，#eee，#eee）；
背景重复：无重复；
背景大小：0.100%；
过渡：背景大小为1s 0s；
}
输入：悬停{
背景大小：100%100%；
}