最近在解决自己制作的一些微信动画的卡顿问题在网上找到了这样一篇文章感觉非常不错，所以转载过来，用以备查。原文全文如下： 最近工作很忙，好久没有更新博客内容了。前些日子跳槽到一家新单位就接到了一个很难的工作项目。在这个项目中技术核心点是动画效率问题。经过了近半个月的攻关各种难题总算是搞定了。同时，对移动端浏览器对动画的解析能力有了一个更高的认知。在这里想和大......阅读全文

事先说明：这个功能的实现必须是认证后的服务号才可以。 以下为链接：红色部分需要在公众号开发者中心网页授权获取用户基本信息中设置然后通过这个链接获取授权，紫色部分是回调的具体页面 https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx744df80ba339e18f&redirect_uri=http://wx.tuopuxuanwei.com/huluwa/long.php&response_type=code&scope=snsapi_userin......阅读全文

无痕透明背景动图 有痕迹透明背景动图 ?????? 上面两张都是在PS中制作的透明背景的GIF图。但是非常明显下边图片的显示效果令人不满。那么这到底是什么原因造成的呢？又怎样才能制作无痕透明背景GIF呢？其实非常简单，有痕迹的情况仅仅只缺少了一步操作，看下面的截图： ?????? 上图显示的是时间轴窗口(旧版本ps名字是动画)前两帧的截图，图中红框部分就是本文开始时两张GIF图表现迥异的......阅读全文

在纯css实现三角形之后，我们发现实际上通过div边框的设置我们可以实现大量异形效果。主要用到的是边框宽度、颜色、透明和圆角四大属性，下面我们先来看一下我们待敌能实现多少异形(同形状的不同角度视为一种形状)： 阅读全文

带三角的对话框效果(点点轻博客截屏) ?????? 上面这张图片眼熟吗？类似效果是目前很多网站，聊天工具里非常常见的。那么红圈位置的那个尖角是怎么来的呢？你可以通过填充图片再配合div位置的方式来完成，这是很常见也最容易想到的做法。但是，今天我们玩一把技术流，只通过纯css的方式来实现这个效果。 首先我们先分析一下这个效果，在排除掉小三角后它其实就是div圆角、div阴影、div白......阅读全文