Jquery 提交时滑动切换

我正在考虑我的代码将如何工作

我想在悬停输入提交时滑动切换div或span。像这样：

我该怎么做？我应该在提交按钮之前创建一个范围吗

或

---

我应该在

.submit:before

中添加内容吗？你的意思是，像这样？您可以不使用JavaScript来完成

按钮{文本装饰：无；背景色：#99f；颜色：#fff；字体系列：Segoe UI；显示：内联块；边框：0；填充：0；光标：指针；}
按钮span{显示：内联块；-webkit转换：全部0.5s易用；-o转换：全部0.5s易用；转换：全部0.5s易用；垂直对齐：顶部；填充：10px 2px；}
按钮跨度：第一个子项{宽度：0；填充：10px 0；溢出：隐藏；背景色：#999；}
按钮：悬停范围：第一个子项{宽度：25px；填充：10px 0 10px 10px；}

戈苏米特

您应该使用一些css和转换

HTML

---

请查看有关堆栈溢出的问题以及什么类型的问题和什么类型的问题。是的，但该按钮是一个输入提交按钮，而不是一个link@CorentinBranquet更新为

<div class="element">
  <span>Go!</span>
  Send
</div>

.element:hover {
  span {
    width: 50px;
  }
}