• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

javascript – 求助,关于微信拆红包的动画需求!!

php 搞代码 3年前 (2022-01-23) 32次浏览 已收录 0个评论
文章目录[隐藏]

微信拆红包的动画用css3怎么实现呢?其他方案也行,有例子吗?零下30度雪地裸身跪求!

回复内容:

微信拆红包的动画用css3怎么实现呢?其他方案也行,有例子吗?零下30度雪地裸身跪求!

我擦,我一直以为是图片替换呢,静态图-》点击-》动画拆红包-》再静态图,我一直以为是这样的

本文来源gao!%daima.com搞$代*!码$网3

搞代gaodaima码

楼主可以参考一下这个 http://www.migong.org/1095
http://xunli.xyz/2016/04/02/react-redpack-animation/
Github上面有demo https://github.com/lionrock/HTML5-Example
希望可以帮到楼主

谢谢邀请。你试试看这个行不行

<code></style>.redpack {  height: 450px;  background: #A5423A;  width: 300px;  left: 0;  top: 0;  border-radius: 10px;  margin: 0 auto;}.topcontent {    height: 300px;    border: 1px solid #BD503A;    background-color: #BD503A;    border-radius: 10px 10px 50% 50% / 10px 10px 15% 15%;    box-shadow: 0px 4px 0px -1px rgba(0,0,0,0.2);}#redpack-open {    width: 100px;    height: 100px;    border: 1px solid #FFA73A;    background-color: #FFA73A;    border-radius: 50%;    color: #fff;    font-size: 20px;    display: inline-block;    margin-top: -50px;    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.2);}</style><div class='redpack'>  <!---ecms   红包的顶部盖子 -->  <div class="topcontent"></div>  <!---ecms  拆红包的按钮 -->  <div id="redpack-open"></div></div></code>

搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:javascript – 求助,关于微信拆红包的动画需求!!
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址