1、部分手机（联想、红米）的部分iScroll无法响应点击事件 设置click属性值为true； 2、部分手机（联想、红米）在可滚动内容变换的时候出现内容无法显示的情况 设置useTransform属性值为false； 原因是该类手机不支持css3的transform属性; ...
分类：
其他好文 时间：
2015-04-30 19:38:59
阅读次数：
137
CSS3的一些属性可能比较新，有一些书从国外翻译到国内的时间上会延缓1-2年。所以有一些东西还需要及时整理。下面说一下CSS3的一个属性：transform其实字面上的意思已经很明显了就是变化，变幻的意思。那到底怎么个变法？transform可以选下面几个值：旋转-rotate（rotatex,ro...
分类：
Web程序 时间：
2015-04-24 23:56:35
阅读次数：
203
事先说明，本文范畴尚限制在2D的transform中。
对于css3的transform属性，真是爱不释手，有了这个特性，各种特效轻松搞定。引用一句歌词“旋转，跳跃，我不停歇”。transform就是这么时尚，就是这么任性。当然他任性的地方不只是在功能方面，还有在使用方面。我们看一下W3C官网中关于transform 2D的使用介绍。
看着有点多，首先先来分类...
分类：
Web程序 时间：
2015-04-23 17:38:22
阅读次数：
2794
css3的transform属性1.旋转：transform:rotate(45deg);该语句使div元素顺时针旋转45度。deg是CSS3的“ValuesandUnits”模块中定义的一个角度单位2.缩放：transform:scale(0.8,1);使用缩放的方法实现文字或图像的缩放效果，在参数中指定缩放倍率。该语句使用scale方法使该元素在..
分类：
其他好文 时间：
2015-01-06 07:26:30
阅读次数：
217
今天发现一个很好玩的css特效，将鼠标放到图片上，图片会像黑胶唱片一样旋转，类似于虾米专辑封面的特效，特别适用于图片列表的展示，下面是列子代码：css3鼠标悬停背景做360°旋转效果 只适应于css3浏览器下面来讲解一下css3的transform功能：transform的含义：改变，使…变形...
分类：
Web程序 时间：
2014-12-30 14:47:37
阅读次数：
203
我想锁表头及锁定列。昨天新找的方法是用css3的transform,这个应该在IE9以上都可以的。 ? 只锁头效果很好，IE11下会小抖，但chrome下很稳定停在那里。后来又加上锁定列，发现列会盖住表头。 百度到这里《小心 CS...
分类：
Web程序 时间：
2014-12-04 10:24:48
阅读次数：
175
今天，带来的是纯CSS3的效果--图片3D翻转。
请看效果：http://webfront.verynet.cc/pc/rotate.html
这个效果主要还是运用了CSS3的transform变形属性，与上个效果不同的是，这次并不是动画，所以没有采用animation属性，而是采用transition过渡属性。这个属性会将元素在两种效果之间进行切换，并产生一个过渡效果。详情请看代码。...
分类：
Web程序 时间：
2014-09-25 17:06:39
阅读次数：
242
今天，带来的是纯CSS3的效果--图片3D翻转。 请看效果：http://localhost:63342/webfront/PC/rotate.html 这个效果主要还是运用了CSS3的transform变形属性，与上个效果不同的是，这次并不是动画，所以没有采用animation属性，而是采...
分类：
Web程序 时间：
2014-09-23 01:01:53
阅读次数：
246
我们经常会在页面的左上角或者右上角看到类似如图所示的标签，比如页面的链接（最常使用）等，下面我们就实现一个简单的标签实现步骤是先做一个水平长条，使用CSS3的transform来实现旋转，如果是在左上角的话就逆时针旋转45度，右上角顺时针旋转45度。代码： 1 2 3 4 5 ...
分类：
Web程序 时间：
2014-09-09 18:02:09
阅读次数：
233
今天在做移动端的页面，无意间发现了一个Chrome浏览器下的一个bug，在使用CSS3的transform: translate(0, 0)属性对节点A进行位置转化，此时A节点下面有一个字节点B，节点B使用了position:fixed进行了定位，按照常理节点B应该悬挂在浏览器窗口视图上，不会跟随滚...
分类：
Web程序 时间：
2014-08-22 10:47:25
阅读次数：
189
