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

时间:2016-01-14 22:02:21

标签: html5

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

这可以通过HTML5实现吗?这是否必须作为独立动画(即GIF)创建?

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

2 个答案:

答案 0 :(得分:0)

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

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

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

答案 1 :(得分:0)

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

也许是这样的?

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

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