transition语法：1 transition ： [ || ||2 || [, [ ||3 || || ]]*transition主要包含四个属性值：执行变换的属性：transition-property；变换延续的时间：transition- duration；在延续时间段，变换的...
分类：
Web程序 时间：
2014-08-22 17:42:19
阅读次数：
234
为了更好得掌握transform的精髓，所以决定完成三维立方体的模型，可以实现360无死角的三维旋转效果。
但是旋转时判断每个面的视图顺序比较困难，仍未完美解决，希望有人能解答！
源码直接贡献啦：
.cuboid_side_div{
position:absolute;
border:1px solid #333;
-webkit-transition:ease all ...
分类：
Web程序 时间：
2014-08-22 09:23:45
阅读次数：
315
研究了下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动画，确实，本文带来一片简单的仿网易‘垃圾箱’动画效果，涉及到的知识点是transform、transition
transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。
transform: none|transform-functions;
transition 属性是一个简写属性，用于设置四个过渡属性。...
分类：
其他好文 时间：
2014-08-19 22:31:35
阅读次数：
397
css3新增的属性transition可以让元素产生动画效果:用法(兼容代码): -webkit-transition:property(属性样式) duration(过渡时间) timing-function过渡模式(5种过渡模式效果) -moz-transition:property(属性样.....
分类：
Web程序 时间：
2014-08-19 18:35:35
阅读次数：
175
最近做了一些pc端的页面，用了一些动画效果，总的来说感觉还不错，大概记录下一些体会 首先，我们把pc端的动画类型分三类： javascript和jQuery直接控制dom属性 css3的属性transition css3的animation 这三类是我目前主要使用的动画效果制作来源 ...
分类：
Web程序 时间：
2014-08-19 12:41:44
阅读次数：
296
纯Div+Css制作的漂亮点击按钮和关闭按钮,单击点击按钮也有效果.这些都不是图片.值得注意三点:1.其中,主要使用了rotate.它能让文字旋转角度2.还有radius,做圆角专用,很好用的属性.给想我这样的人省去了作图的时间.3.W3C标准中对CSS3的transition这是样描述的:"CSS...
分类：
Web程序 时间：
2014-08-19 10:47:34
阅读次数：
281
在webapp引用开发中经常会用到css3动画效果，下面我们就一起探讨一下这个属性的使用。在哪里定义动画效果？css3动画一般通过鼠标事件或者说状态定义动画，通常我们可以用CSS中伪类和js中的鼠标事件来定义。js的事件也可以，比如click，focus，mousemove,mouseover,mo...
分类：
Web程序 时间：
2014-08-18 10:28:53
阅读次数：
351
现在必须用appframework.js 做各种效果，语法是和jquery差不多的，没看到animate、slideUp这些，貌似是有用自定义标签的属性来做的，还没有试过。不过因为现在不用考虑浏览器兼容性，只要伺候chrome一位，这些东西用css3的transition就可以轻松搞定。任何属性，加...
分类：
其他好文 时间：
2014-08-17 22:40:12
阅读次数：
287
Transform：对元素进行变形；Transition：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。但只有两个关键贞。开始，结束。Animation：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。可以设置多个关键贞。Transiti...
分类：
其他好文 时间：
2014-08-15 17:38:19
阅读次数：
151
