陪玩程序源码，如何引导用户进行点赞操作？

引导点赞

我们需要让按钮做出一些视觉效果来引导用户进行点赞操作，那持续震动无疑是一种好的选择。

// love.js
const likeBtn = document.getElementById('likeBtn');
const heart=document.getElementById('heart')
likeBtn.addEventListener('mousemove',() => {
heart.classList.add('heratPop')
})
likeBtn.addEventListener('mouseout',() => {
heart.classList.remove('heratPop')
})

 

/* fullLove.css */
.heratPop{
  animation: pulse 1s linear infinite;
}
@keyframes pulse {
  0% {
          transform: rotate(-45deg) scale(1);
  }
  10% {
          transform: rotate(-45deg) scale(1.1);
  }
  20% {
          transform: rotate(-45deg) scale(0.9);
  }
  30% {
          transform: rotate(-45deg) scale(1.2);
  }
  40% {
          transform: rotate(-45deg) scale(0.9);
  }
  50% {
          transform: rotate(-45deg) scale(1.1);
  }
  60% {
          transform: rotate(-45deg) scale(0.9);
  }
  70% {
          transform: rotate(-45deg) scale(1);
  }
}

 

以上就是陪玩程序源码，如何引导用户进行点赞操作？， 更多内容欢迎关注之后的文章