首页 > 编程语言 >陪玩程序源码,如何引导用户进行点赞操作?

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

时间:2024-02-24 09:12:11浏览次数:26  
标签:heart scale 45deg 用户 transform 源码 点赞 rotate

引导点赞

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

// 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);
  }
}

 

在这里插入图片描述
以上就是陪玩程序源码,如何引导用户进行点赞操作?, 更多内容欢迎关注之后的文章

 

标签:heart,scale,45deg,用户,transform,源码,点赞,rotate
From: https://www.cnblogs.com/yunbaomengnan/p/18030716

相关文章

  • 游戏陪玩app源码,多爱心漂浮按钮周围的实现代码
    爱之满满按钮效果怎么样才能在游戏陪玩app源码中达到爱之满满按钮效果呢,那必然是越多的爱越好啊。我们想办法让爱心漂浮在按钮周围,在规定时间内爱心进行位移并消失即可。创建一个元素可以使用document.createElement,移除元素可以使用DOM的remove()剩下的就简单了,只需要在这个......
  • 浅析ThreadLocal源码
    privatevoidset(ThreadLocal<?>key,Objectvalue){//Wedon'tuseafastpathaswithget()becauseitisat//leastascommontouseset()tocreatenewentriesas//itistoreplaceexistingones,inwhichcase,afast/......
  • APIview源码分析
    1APIview的as_view -内部还是执行了View的闭包函数view-禁用掉了csrf-一切皆对象,函数也是对象函数地址.name=lqz2原生View类中过的as_view中的闭包函数view -本质执行了self.dispatch(request,*args,**kwargs),执行的是APIView的dispatch3APIView的dispatchdef......
  • Kubernetes leader election 源码分析
    0.前言Kubernetes:kube-scheduler源码分析介绍了kube-scheduler调度Pod的逻辑。文中有一点未提的是,在Kubernetes集群中,kube-scheduler组件是多副本,单实例运行。仅有一个副本作为leader运行,当发生故障时,其它副本会抢占为leader继续运行。这种机制通过leaderelect......
  • Windows 10 如何隐藏登录界面左下角的用户列表
    步骤讲解编辑注册表HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\WindowsNT\CurrentVersion\Winlogon下新建项SpecialAccountsSpecialAccounts中再新建项UserListUserList中新建值->整数值,名称写需要隐藏的用户名,数值保持默认0保存,确认生效貌似不需要重启即可......
  • winSCP 默认不支持root用户登录
    1.首先确保有对root用户进行密码设置:sudopasswdroot2. 修改etc/ssh/sshd_config文件:注:不能直接登录可以先用普通用户登录,然后再将用户切换为root用户(实际上我也是这么做的)vim/etc/ssh/sshd_config3.确定主要配置:PermitRootLoginyesStrictModesyes4.重启ssh服......
  • 用户数据之存量——DAU/MAU
     编辑导语:数据分析是设计师了解用户行为的一个重要手段。本文作者分享了不同指标的核心含义,从用户数据的存量、Active活跃度、User用户展开分析,一起来学习一下吧,希望对你有帮助。  随着设计师对产品设计在业务上的接触越来越深入,数据分析成为设计师了解用户行为的一个重......
  • Oracle系列---【查看用户状态与修改密码】
    1.查看被锁住的用户SELECTUSERNAME,ACCOUNT_STATUSFROMDBA_USERSWHEREACCOUNT_STATUSLIKE'%LOCKED%';2.修改指定用户名密码sqlplus/assysdba;GRANTDBATOyour_username;sqlplususername/passwordassysdba;--只修改密码为新密码ALTERUSERAFP_COM_ASCI......
  • 引入JavaScript自定义提示信息(账户密码不为空,必须勾选用户协议)
     当不输入用户或密码就登录时不勾选用户协议就登录时form表单的修改,引入了onsubmit控件,提交表单时,调用validateForm函数<formaction="/home"method="post"onsubmit="returnvalidateForm()">validateForm函数内容functionvalidateForm(){//验证用户名和密......
  • shiro 整合 spring 实战及源码详解
    序言前面我们学习了如下内容:5分钟入门shiro安全框架实战笔记shiro整合spring实战及源码详解相信大家对于shiro已经有了最基本的认识,这一节我们一起来学习写如何将shiro与spring进行整合。spring整合maven依赖<dependencies><dependency><group......