
css3
程序me
这个作者很懒,什么都没留下…
展开
-
H5 直播的疯狂点赞动画是如何实现的?(附完整源码)
直播有一个很重要的互动:点赞。为了烘托直播间的氛围,直播相对于普通视频或者文本内容,点赞通常有两个特殊需求:点赞动作无限次,引导用户疯狂点赞直播间的所有疯狂点赞,都需要在所有用户界面都动画展现出来我们先来看效果图:从效果图上我们还看到有几点重要信息:点赞动画图片大小不一,运动轨迹也是随机的点赞动画图片都是先放大再匀速运动。快到顶部的时候,是渐渐消失。收到大量的点赞请求的时...原创 2020-04-13 23:14:45 · 2899 阅读 · 0 评论 -
png转svg生成svg+xml
将png图片转测svg+xmldata:image/svg+xml,<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M5.99017859,36 L34.0098214,36 C35.1085737,36 36,35.1062037 36,34.0000567 L36,29 C36,26...原创 2019-03-12 12:02:11 · 8510 阅读 · 0 评论 -
CSS 实现多行文字截断
用js实现多行文字截断https://blog.youkuaiyun.com/lqyygyss/article/details/81868679以下用css实现。有个三个盒子 div,粉色盒子左浮动,浅蓝色盒子和黄色盒子右浮动:当浅蓝色盒子的高度低于粉色盒子,黄色盒子仍会处于浅蓝色盒子右下方。如果浅蓝色盒子文本过多,高度超过了粉色盒子,则黄色盒子不会停留在右下方,而是掉到了粉色盒子下。...原创 2019-04-26 20:31:46 · 1403 阅读 · 0 评论 -
css蒙层和新手引导的实现方式
开发当中经常用到新用户引导,弹出蒙层的场景。入下图,想提醒用户底部有一个发表按钮,正文是一个feeds晒单。那如何处理呢?左边的情况,可能你会用一张图片悬浮在底部的icon之上,倒是可以实现。但是右边的就有点困难了,因为第一条feeds是在变化的,你总不能固定用一张图片(其实也可以吧,只要产品不找你事,哈哈)。那右边这个我们怎么做呢?(这里是用下面的第二种方案实现的,box-shado...原创 2019-04-29 18:12:48 · 10378 阅读 · 0 评论 -
微信IOS访问页面,返回的时候页面空白
微信IOS访问页面,点击跳转,返回页面空白,手势动一下内容就出来了。是微信IOS的缓存的原因,且页面使用了rem导致。解决办法,在页面中针对IOS做一次hack,重置页面的font-size,让页面渲染出新的内容if(navigator.userAgent.indexOf("iPhone")>=0) { // 针对IOS的hack var FONTSIZE = par...原创 2019-05-31 14:36:58 · 3678 阅读 · 0 评论