background新增的属性background-size，background-clip,background-origin background-size：基本语法 取值说明： 1、auto:此值为默认值，保持背景图片的原始高度和宽度； 2、<length>此值设置具体的值，可以改变背景图片的 ...
分类：
其他好文 时间：
2016-07-03 14:28:57
阅读次数：
186
语法： text-overflow ： clip | ellipsis 1、clip:表示不显示省略标记(...)，而只是简单的裁切，需要在一定的高度范围内配合overflow:hidden属性使用，如果不配合的话将无任何效果； 2、ellipsis：对象文本溢出时将显示省略标记(...)，需要配合 ...
分类：
其他好文 时间：
2016-07-03 14:23:45
阅读次数：
171
html代码： <div> <img src="BC0C62C1B1962A8A.jpg"> </div> css代码： img{ clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%); -webkit-clip-path: polygon(50% 0 ...
分类：
其他好文 时间：
2016-06-27 11:51:53
阅读次数：
170
原本准备学习的是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
