需要实现的效果是: 当时脑壳都想疼了,最后竟然一句代码就解决了 -webkit-mask-image: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 15%,rgba(255,255,255,1 ...
需要实现的效果是: 当时脑壳都想疼了,最后竟然一句代码就解决了 -webkit-mask-image: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 15%,rgba(255,255,255,1 ...
前言(可跳过) 我在开发自己的APP时遇到了一个类似于qq聊天消息气泡拖拽消息的需求,因为在网上没有找到相关的组件,所以自己动手实现了一下 需求:对聊天消息气泡拖拽到一定长度松开时该气泡会消失(可自行增加拖拽过程,以及消失的动画) 解决思路:触摸下聊天气泡时,以一种合理的方式确定该气泡是当前 ...
JQ版 JS版 有时间再详细说一下js的事件冒泡和事件捕获。 ...
为了获得更好的用户体验,现在大多数网页都会在页面中加一个加载中效果,这里实现一个加载中逐渐消失的效果,以至于看上去不那么生硬。 html: css: 这里的加载中为一个gif的动态图,相对css,要更简单好用,多样化,但是gif图片容易太大,导致图片加载过慢 ...
Protocal-Buffer Yogo 前言:在同事的推荐下认识了YY UED开源的SVGA Animation,看后里面绝对替代项目中直播间礼物序列帧镇方案。 1.官方首页:为何使用SVGA 1.多平台开源代码,简单明了。 2.2D特效工程师可以把effects ...
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> ...
页面滚动事件:window.onscroll,获得页面滚动位置:document.body.scrollTop; HTML代码: 这里注意此处逻辑,大于500就显示,否则就隐藏,还有注意如果变量名设置为top的话,就出错,都是小坑。 我们知道可以利用a标签的#回到顶部效果,但是速度 ...