cssbg&；渐变按钮上的边框动画 我想要的是：

“我的按钮”上的悬停动画应创建边框。当颜色在四个角结束后，它应该用渐变颜色在按钮的每一侧绘制边框。 我的猜测是简单地添加一个边框，当鼠标悬停在按钮上时它不会消失，但我已经有一些边框来创建这种效果，所以我不知道在哪里添加它

我的代码：

*{margin:0；padding:0；框大小：border-box；-webkit框大小：border-box；-moz框大小：border-box；}
#容器{
宽度：715px；
高度：230像素；
保证金：50px自动；
}
.按钮-8{
宽度：140px；
高度：50px；
边框宽度：0px；
边框样式：实心；
边框图像：-webkit线性渐变（左，#9357cc 0%，#2989d8 50%，#2cc99d 100%）；
浮动：左；
文本对齐：居中；
光标：指针；
位置：相对位置；
框大小：边框框；
溢出：隐藏；
利润率：0.40px 50 px；
}
.按钮-8 a{
字体系列：arial；
字体大小：16px；
颜色：#fff；
文字装饰：无；
线高：50px；
过渡：所有。5s轻松；
z指数：2；
位置：相对位置；
}
.eff-8{
宽度：140px；
高度：50px；
边框宽度：140px；
边框样式：实心；
边框图像：-webkit线性渐变（左，#9357cc 0%，#2989d8 50%，#2cc99d 100%）；
位置：绝对位置；
过渡：所有。5s轻松；
z指数：0；
框大小：边框框；
}
.按钮-8：悬停.eff-8{
边框宽度：0px；
边框样式：实心；
边框图像：-webkit线性渐变（左，#9357cc 0%，#2989d8 50%，#2cc99d 100%）；
}
.按钮-8：悬停a{
颜色：#34495e；
}

尝试使用

关键帧来满足您的需求。希望这对您有用。我会看看如何根据您的要求使用
关键帧。希望对你有用。我去看看。谢谢