如何制作弹出的动画HTML5按钮“？

Question

我希望在移动浏览器中创建一定的效果，我不知道如何去做。当用户在他们的购物车上添加一个按钮时，我想要一个复选标记向用户“弹出”一秒钟然后退回，作为他们的请求经过的视觉确认。

这可以通过HTML5实现吗？这是否必须作为独立动画（即GIF）创建？

我不知道从哪里开始寻找，如果这种效果有一个名称，我可以开始为自己研究。我对移动世界很陌生！

Answer 1

你可以采用的许多方法之一是jQuery .animate（）。

http://api.jquery.com/animate/

另请参阅CSS转换。听起来最简单的方法可能是将“click”上的复选框类目标快速增长并返回大小的复选标记。这样的事情。

Answer 2

你可能正在寻找这个而不是HTML的CSS。

也许是这样的？

http://jsbin.com/vahilapuke/1/edit?html,css,output

您的里程数会因桌面浏览器支持而异，但对于移动设备，您应该是安全的。在任何情况下，如果它不起作用，你只是不会得到＆＃34; pop＆＃34;影响。该按钮仍然可以正常工作。