移动端动画样式

循环执行

animation: scroll 1s infinite ease-in-out;

执行1次

animation: shake 1s 1 ease-in-out;

使用案例

array(
    'url'=>'/pages/mi/index?id=userQiandao',//跳转url
    'type'=>'navigateTo',//跳转类型
    'style' =>'animation: shake 1s 1 ease-in-out;',
    'content'=> '<div style="background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); border-radius: 8px; padding: 15px; display: flex; align-items: center; justify-content: space-between; color: white; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
    <div style="text-align: left; flex: 1;">
      <div style="font-size: 16px; font-weight: bold; margin-bottom: 5px; text-shadow: 0 2px 4px rgba(0,0,0,0.2);">每日签到</div>
      <div style="font-size: 14px; opacity: 0.9;">连续签到领好礼</div>
    </div>
    <div style="width: 60px; height: 60px; background: url('.CheckUrl('/view/public/svg/qiandao.svg').') center/contain no-repeat;"></div>
  </div>
</div>',
),

float//上下移动
enlarged//放大
narrow//缩小
rotate//旋转
colorChange//渐变颜色red-blue
fadeInOut//淡入淡出
scroll//卷起
shake//抖动
explode//爆炸
wave//波浪
skew//倾斜
stretch//拉抻
bounce//弹跳
blink//闪烁
swing//左右摇摆