微信小程序图片抖动

网页中用到过的效果 同时被 2 个专栏收录
118 篇文章 0 订阅
48 篇文章 0 订阅
<view class='game_point_me {{isDoudong?"doudong":""}}' bindtap='pointMe'></view>
@keyframes seconddiv{
0% {transform: scale(1.4,1.4);}
10% {transform: scale(1,1);}
25% {transform: scale(1.2,1.2);}
50% {transform: scale(1,1);}
70% {transform: scale(1.2,1.2);}
100% {transform: scale(1,1);}
}
.doudong{animation:1s seconddiv;}
.game_point_me{width: 98rpx;height: 89rpx; background: url(https://game003.workshop.xmtcyx.com/images/game/game_point_me01.png)no-repeat;background-size: 100% 100%;position: absolute;top: 180rpx;right: 50rpx;}
Page({
  data: {
    isDoudong: false, //控制图片抖动
  },
  onLoad: function(options) {
    let that = this
    //抖动相关的
    setInterval(function() {
      let isDoudong = that.data.isDoudong
      that.setData({
        isDoudong: !isDoudong
      })
    }, 1000)
  }
})

转载地址:https://blog.csdn.net/alifj9932/article/details/102057512

  • 1
    点赞
  • 0
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值