我打算将网站中的所有input[type=submit]
和button
更改为此流畅的,流畅的动画按钮。
那么,如何使用HTML,JavaScript和CSS创建它呢?特别是我制作了这个GIF,以将其发布到Stack Overflow中。而且我不认为,我必须在此问题中发布一些代码来对其进行解释。 :/
编辑:我不希望从右下到左上正好卷曲效果。它应该从我单击的区域开始影响。在下一个GIF中,我单击了中间。现在请查看影响。
希望你能理解我的意思。它应该从我单击的确切区域开始流到外部。
最佳答案
您可以在其中使用hover.css和Checkout背景转换
http://ianlunn.github.io/Hover/。
如果您想要完全像您发布的那样。您可以随时使用hover.css尝试一些试验和错误