首页 > 编程语言 >微信小程序实现旋转动画

微信小程序实现旋转动画

时间:2023-03-24 11:48:06浏览次数:37  
标签:动画 rotate 程序实现 微信 50% transform headRotate 240rpx

 

还是css3实现的效果:

.transfBg {
  position: absolute;
  width: 480rpx !important;
  height: 480rpx !important;
  left: 50%;
  top: 50%;
  margin: -240rpx 0 0 -240rpx;
  animation: headRotate 6s linear infinite
}

/* 头像旋转效果  */
@keyframes headRotate {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

  

标签:动画,rotate,程序实现,微信,50%,transform,headRotate,240rpx
From: https://www.cnblogs.com/yongzhu/p/17250963.html

相关文章

  • CSS3实现的线条波浪动画效果
    阅读目录阐述HTML结构CSS样式预览阐述这是一款使用CSS3animation动画和png图片制作的css3线条波浪动画效果。该特效中,使用了3张波浪线条的png图片,以及少量的CSS......
  • c#实现微信小程序定位功能
    下面是示例代码:在app.json中添加如下代码:```{"permission":{"scope.userLocation":{"desc":"需要获取您的地理位置,请确认授权",}}}```在页面js......
  • 英雄联盟比赛选手的六芒星能力图动画是如何制作的?
    最近,在看LPL比赛的时候,看到这样一个有意思的六芒星能力图动画:今天,我们就来使用纯CSS实现这样一个动画效果!实现背景网格对于如下这样一个背景网格,最好的方式当然肯......
  • 回收 Mac 微信权限
    回收Mac微信权限参考链接:8.71AtE:/一款软件在我们的电脑上暗地里做了什么,大部分情况下我们都是不知道的,但是如果被我发现了,嘿嘿,我就回收你的权限!#网络安全#程序员......
  • 微信小程序原生AI运动(动作)检测识别解决方案
    前几年受疫情影响,人员流动受限,反而让“AI运动”概念风靡一时、空前火爆。目前已经在AI运动锻炼、体育教学、线上运动主题活动等场景中,成功得到了应用,并获得了广大互联网用......
  • 完美解决微信小程序评分人数不足的问题,亲测有效
    先上图(我自己的小程序)之前也被这个问题困扰过,也百度过,都说是官方随机让用户评分的。但是,我大意了啊,没有闪。最近用朋友微信搜自己的小程序,偶然发现一个方法,大概率能出......
  • 微信小程序websocket的使用
    微信小程序websocket的使用微信小程序中使用websocket分为两步:一、现在微信公众平台的开发者工具中配置socket的域名   二、开始编写业务代码业务代码大致可以......
  • (只需五步)ChatGPT接入微信的攻略
    ​ 先来看下用深(ruo)奥(zhi)的问题对战ChatGPT的效果: ​ 再看看程序代码能力:​  你也可以用它来写作业学习:​ 接下来,就是把ChatGPT接入微信的教程......
  • SpringBoot接入微信JSSDK,看这篇妥妥的
    先给猴急的客官上干货代码GitHub接入微信JSSDKGitHub地址Gitee接入微信JSSDKGitHub地址前言事情的起因是因为疫情严重,领导要求做一个专题页,能够尽可能帮助所需要的......
  • SpringBoot接入微信JSSDK,看这篇妥妥的
    先给猴急的客官上干货代码GitHub​​接入微信JSSDKGitHub地址​​Gitee​​接入微信JSSDKGitHub地址​​前言事情的起因是因为疫情严重,领导要求做一个专题页,能够尽可能帮......