实例动画step1:改变字体颜色雨打浮萍h1 a{ color:#03c; text-decoration:none; -webkit-transition:color .5s ease-in-out; -moz-transition:color .5s ease-in-out; -o-transi...
分类:
Web程序 时间:
2015-02-08 00:20:54
阅读次数:
202
一、transition语法:transition:[||||||||||||||]transition主要包含四个属性值:执行变换的属性transition-property,变换延续的时间transition-duration,在延续的时间段内,变换的速率变化transition-timing-...
分类:
Web程序 时间:
2015-02-05 01:56:38
阅读次数:
190
折腾了一晚,将 WinRT 里的所有 Transition 做了一个小 Demo,用于演示各个 Transition 的效果。PS:NavigationThemeTransition 请参考:http://www.cnblogs.com/h82258652/p/4270966.html(Naviga...
这篇文章是对n Android 5.0 中Activity和Fragment transition API的一个总体回顾,这是关于transition系列文章的第一篇。
第一章:
Activity和Fragment Transition介绍
第二章:
深入理解内容变换(Content Transition)
第三章上:
深入理解共享元素变换(Shared El...
分类:
其他好文 时间:
2015-02-03 13:24:58
阅读次数:
257
tram.js是一款实现跨浏览器CSS3 transitions效果的jQuery插件。tram.js旨在提高CSS3
transition的性能和灵活性,并通过jQuery来定义它们。tram.js提供强大的API来实现auto-stopping、sequencing和跨浏览器等功能。
当该jquery插件首次加载时,它将使用特性检测来判断浏览器是否支持CSS transitions。如果...
分类:
Web程序 时间:
2015-02-01 13:34:14
阅读次数:
173
CCTransition Class Reference继承自: CCScene:CCNode:CCResponder:NSObject声明自: CCTranslation.h概述:A transition animates the presentation of a new scene while...
分类:
编程语言 时间:
2015-01-31 15:59:44
阅读次数:
179
这是一款效果非常炫酷的点击变形全屏放大的jQuery模态窗口插件。该模态窗口插件当用户点击某个按钮时,按钮先变形缩小变为圆形,然后在由小圆到大圆全屏放大,效果非常酷。
最后在生成模态窗口的时候的动画效果使用jquery和Velocity以及CSS3
transition 和 transformations共同完成。
在线演示:http://www.htmleaf.com/Demo/...
分类:
Web程序 时间:
2015-01-30 16:05:04
阅读次数:
159
jQuery Transit是一款可制作超级平滑的CSS3 transformations 和 transitions动画的jQuery插件。它能够通过jquery来完成CSS转换和过渡动画效果,这对于一些不支持css3转换和过渡属性的浏览器来说是一个非常有用的jquery插件。
在线演示:http://www.htmleaf.com/Demo/201501281290.html
下载...
分类:
Web程序 时间:
2015-01-29 14:43:14
阅读次数:
163
Move.js是一款简单小巧的模拟CSS3动画的js插件。该插件可以完成CSS3的各种动画效果:移动、变形、倾斜、背景色渐变、旋转等。并且可以在动画中使用各种easing效果。
类似插件可参考:可替代CSS3 transition和transform的jQuery插件。
在线演示:http://www.htmleaf.com/Demo/201501281292.html
下载地址:...
分类:
Web程序 时间:
2015-01-29 14:42:49
阅读次数:
184
图片部分用到:transform:rotate(XXXdeg) scale(XXX); 变换:旋转 和 放大方块按钮用到:定义四个span标签,分别代表了四条边,属性设为position:absolute;分别以不同方向划入,这里我是把它的width从0-到100%。这里用到了transition属...
分类:
Web程序 时间:
2015-01-27 17:43:06
阅读次数:
317