原本准备学习的是background在CSS3中跟新的三个属性： background-size， background-clip， background-origin. 谁知道特么的被background-attachment的fixed值给坑了一把。 先自我反省一番，其实在处理这个问题上我是有很 ...
分类：
其他好文 时间：
2016-06-22 01:44:40
阅读次数：
262
1、原理：先创建一张img图片，用filter滤镜制作毛玻璃效果。 2、利用绝对定位，使canvas刚好盖在img上面。 3、利用canvas原生clip函数剪辑一个圆形。 地址：http://sandbox.runjs.cn/show/c3mlltak 源代码： ...
分类：
微信 时间：
2016-06-20 14:06:35
阅读次数：
329
12.1 链接到多媒体文件 <a href = "test.mov">View the hocky video clip.</a> 12.2 嵌入多媒体文件 <object classid = "CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" width = ...
分类：
Web程序 时间：
2016-06-14 22:14:18
阅读次数：
201
注： 作者 hh54188 ， 转自 http://www.cnblogs.com/hh54188/archive/2011/01/12/1929061.html 有一篇来自怿飞博客的《 background-clip与background-origin 的一则运用》，但是几年前的文章，其中的部分内 ...
分类：
Web程序 时间：
2016-06-13 19:14:42
阅读次数：
257
1.background-origin:border-box/padding-box()默认值/content-box背景图片从边框出现、从边距开始出现、在盒子的内容中出现。 2.background-clip:padding-box/border-box/content/背景图片的切割从边框出现、 ...
分类：
Web程序 时间：
2016-06-12 21:57:25
阅读次数：
191
text-overform:ellipsis省略号/clip裁剪。 overform：hidden溢出隐藏文字。 但是text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（o ...
分类：
Web程序 时间：
2016-06-12 20:11:24
阅读次数：
223
前段时间，社区个人中心改版，看了下设计图，当时隐约感觉到有两个地方（圆环百分比，菜单栏定位导航）比较麻烦。设计图大致如下： 首先看圆环百分比，网上的做法大致分两种，一种是用了CSS3中的transform:rotate和clip两个属性，另一种用canvas的 http://www.cnblogs. ...
分类：
Web程序 时间：
2016-06-12 18:37:14
阅读次数：
240
一、background-clip属性 上述例子，如果不加入background-clip属性，则看不到边框；这是因为背景会侵入边框所在的范围，这里边框是半透明的，所以看不到边框；当加入了该属性后，背景不能侵入边框，因此能看到。 下面是对该代码中，其他知识点的学习： 1、rgba和hsla css2 ...
分类：
Web程序 时间：
2016-06-10 23:13:28
阅读次数：
251
1. NGUI与UGUI的区别 1) uGUI的Canvas 有世界坐标和屏幕坐标 2) uGUI的Image可以使用material 3) UGUI通过Mask来裁剪，而NGUI通过Panel的Clip 4) NGUI的渲染前后顺序是通过Widget的Depth，而UGUI渲染顺序根据Hierar ...
分类：
其他好文 时间：
2016-06-07 12:40:07
阅读次数：
158
最近研究了下环形百分图如何用前端实现的，查了资料总结了以下2种方法，用多层div和canvas， 实例地址：http://play.163.com/special/tese-circle/ 一:用多层div实现 需要三个层绝对定位，当中的2个层分别用clip盖住左边和右边，控制旋转角度，漏出最底部有 ...
分类：
其他好文 时间：
2016-05-31 18:39:04
阅读次数：
264
