微信小程序动画之点击效果的具体代码,供大家参考,具体内容如下
代码:
js:
//页数/测试/测试。js页面({ container ta 3360 function(RES){ var=this var x=RES . touch[0]).y=res.touches .85页;这个。setdata({ ripplestyle : ' ' });setTimeout()函数(){即。setdata({ ripplestyle : '到: ' y ' pxleft: ' x ' px-web套件-动画:波纹0.4s线性;animation:ripple 0.4s线性;'});},200) },})wxml:
view class=' ripple ' style=' { { rippleStyle } } '/view view class=' container ' bindtuchstart=' container tap '/view wxss:
第{高度:100%}页。容器{宽度:100%;高度:100%;飞越:隐藏}。涟漪{背景色-颜色:海蓝宝石;边界半径: 100%;高度:10px宽度:10 px边距-top :-90px;绝对位置:飞越:隐藏} @-网络工具包-关键帧波纹{ 100% { webkit-transform:比例(12);变压器:标尺(12);背景色-:透明;}}以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。