今天在做移动端的页面，无意间发现了一个Chrome浏览器下的一个bug，在使用CSS3的transform: translate(0, 0)属性对节点A进行位置转化，此时A节点下面有一个字节点B，节点B使用了position:fixed进行了定位，按照常理节点B应该悬挂在浏览器窗口视图上，不会跟随滚...
分类：
Web程序 时间：
2014-08-22 10:47:25
阅读次数：
189
为了更好得掌握transform的精髓，所以决定完成三维立方体的模型，可以实现360无死角的三维旋转效果。
但是旋转时判断每个面的视图顺序比较困难，仍未完美解决，希望有人能解答！
源码直接贡献啦：
.cuboid_side_div{
position:absolute;
border:1px solid #333;
-webkit-transition:ease all ...
分类：
Web程序 时间：
2014-08-22 09:23:45
阅读次数：
315
转换不同元素中的文本：text-transform:uppercase //全大写text-transform:lowercase //全小写text-transform:capitalize //每个单词的首字母大写
分类：
Web程序 时间：
2014-08-21 17:05:34
阅读次数：
237
function Shape(type){ this.type = type || "rect"; this.calc = function(){ return "calc, "+this.type; }}var triangle = new Shape("trian...
分类：
其他好文 时间：
2014-08-21 13:04:04
阅读次数：
215
CSS3的前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分。看看都有哪些前缀：-webkit（chrome）-moz（firefox）-ms（ie）-o（opera）举例来说，一个CSS3旋转的代码是：-webkit-transform:rotate(-3...
分类：
Web程序 时间：
2014-08-21 12:48:54
阅读次数：
220
function circleIntersectRect(circle_pt, radius, rect)
local cx = nil
local cy = nil
-- Find the point on the collision box closest to the center of the circle
if circle_pt.x...
分类：
其他好文 时间：
2014-08-20 16:22:42
阅读次数：
213
研究了下css3中的 transform变换属性中的3D属性效果和看到的一篇好文章了解到了3D的学习;好文章地址:http://www.zhangxinxu.com/wordpress/2012/09/css3-3d-transform-perspective-animate-transition/...
分类：
Web程序 时间：
2014-08-20 16:06:52
阅读次数：
189
CSS3中新增了对元素进行2D和3D的转换效果，这样可以是开发人员很方便的做出视觉效果更好的网页来。 通过CSS3中属性的定义，我们可以对元素进行移动、缩放、拉伸、旋转等等，可以通过定义transform属性来实现转换效果。 浏览器支持 属性浏览器支持 2D transform IE Firefox...
分类：
Web程序 时间：
2014-08-20 13:56:22
阅读次数：
1353
一说到动画，大家会说到CSS3动画，确实，本文带来一片简单的仿网易‘垃圾箱’动画效果，涉及到的知识点是transform、transition
transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。
transform: none|transform-functions;
transition 属性是一个简写属性，用于设置四个过渡属性。...
分类：
其他好文 时间：
2014-08-19 22:31:35
阅读次数：
397
一个图片装饰器的制作一1 首先创建工程picDecor,2 然后从对象库中，拉出Round Rect按钮到视图中，3 为了显示用户所选择的图片，需要往视图里， 添加view Controller对象,如下图4 还要一个图片视图imageView来编辑一张图片和一个windows and Bars工具...
分类：
其他好文 时间：
2014-08-19 19:00:55
阅读次数：
344
