我打算将网站中的所有input[type=submit]button更改为此流畅的,流畅的动画按钮。

那么,如何使用HTML,JavaScript和CSS创建它呢?特别是我制作了这个GIF,以将其发布到Stack Overflow中。而且我不认为,我必须在此问题中发布一些代码来对其进行解释。 :/

javascript - 如何创建流畅的动画流畅按钮?-LMLPHP

编辑:我不希望从右下到左上正好卷曲效果。它应该从我单击的区域开始影响。在下一个GIF中,我单击了中间。现在请查看影响。

javascript - 如何创建流畅的动画流畅按钮?-LMLPHP

希望你能理解我的意思。它应该从我单击的确切区域开始流到外部。

最佳答案

您可以在其中使用hover.css和Checkout背景转换
http://ianlunn.github.io/Hover/
如果您想要完全像您发布的那样。您可以随时使用hover.css尝试一些试验和错误

07-24 09:50