1、语法：transform: none | []*2、取值：none ----不进行变化 ----一个或多个变换函数，以空格分开可以用于内联元素和块级元素，可以实现旋转、缩放、移动等等效果。具体如下：rotate ---旋转Java代码/*rotate()...
分类：
Web程序 时间：
2014-08-22 14:25:18
阅读次数：
224
一、项目功能需求：将 HTML 中 span 元素集合映射成 SVG 格式文件。 参数： span 的绝对定位坐标和 transform 的集合，贝塞尔曲线的锚点绝对定位坐标和控制点绝对定位坐标（根据曲线路径绘制 span ），span 集合父容器的宽度和高度。 输出： svg 的字符串形式。二.....
分类：
其他好文 时间：
2014-08-22 12:46:56
阅读次数：
305
今天在做移动端的页面，无意间发现了一个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
CSS3的前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分。看看都有哪些前缀：-webkit（chrome）-moz（firefox）-ms（ie）-o（opera）举例来说，一个CSS3旋转的代码是：-webkit-transform:rotate(-3...
分类：
Web程序 时间：
2014-08-21 12:48:54
阅读次数：
220
研究了下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
还有半小时就下班了，写一下今天遇到的问题、处理方法以及一些自己的理解。理解的不一定对，还希望大家指正。
今天我做的效果是，hero的移动。
以前做过用的是transform.Translate(Vector3.forward*Time.deltaTime*Speed);
但是这样做有些bug就是移动不持续，当然你也可以加上时间延时函数，一点点的模拟动画效果，太麻烦了（我就想这样干）。
后来...
分类：
数据库 时间：
2014-08-18 18:33:22
阅读次数：
447
