html按钮按下效果_CSS+HTML<水滴按钮效果>

f292dd55229c1684a08fd4d9ffeca093.png

效果图:

cd0573ff7a2aea0ee36fa3c371d55fde.gif

Tweenlite,是webgame开发人员比较常用的一个缓动库。

Tween<span>Lite</span>​www.greensock.com
07f7fde1194d3d8910b0d6080db265ae.png

可以去官网下载 TweenMax.min.js 并引入

使用方法_TweenMax官网​www.tweenmax.com.cn
0996a4041d93f94494c861bb1eb3893a.png

它的优点:

1.高效,性能不会差。

2.体积小,用到项目中,你的文件大小增加了3-4k。

3.容易使用,常用的函数就那么几个

TweenLite

第一个参数是需要缓动的对象,第二个参数是持续时间,第三个是需要改变的对象属性。任何DisplayObject的属性都可以改变。还有很多可选的参数,比如缓动函数,最后结束时候的回调函数

vue使用的话,可以 npm install --s gsap

import 

想了解更多的请自行查找并学习,因为很多不是中文的,所以整理起来比较麻烦,大家有什么方便学习的资源也欢迎给我留言 ~~~

代码如下:

<!DOCTYPE html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值