#a{
height: 110px;
width: 110px;
margin: 50px;
background-color: #FF0000;
transition-duration: 1s;
}
#a:hover{...
分类:
Web程序 时间:
2015-04-21 22:40:07
阅读次数:
143
属性说明: transition-property:定义应用过渡效果的CSS属性;
transition-duration:定义过渡效果执行的时间;
transition--delay:定义过渡操作之前的等待时间;
transition-timing-function:指定过渡过程的中间值如何规定;...
分类:
Web程序 时间:
2015-04-21 21:59:36
阅读次数:
188
Android 应用性能优化系列
那些年我们错过的响应式编程
深入理解Content Transition (part 2)
Kotlin for Android (III) 扩展函数与默认值
功能测试框架 espresso
如何在本地搭建一个Android应用crashing跟踪系统-ACRA
实现Instagram的Material Design概念设计
一个支持多设备的Android参考应用...
分类:
其他好文 时间:
2015-04-16 23:49:39
阅读次数:
387
CSS3中和动画有关的属性有三个transform、transition和animation。下面来一一说明:transform从字面来看transform的释义为改变,使…变形;转换 。这里我们就可以理解为变形。那都能怎么变呢?none 表示不进行变换;rotate 旋转 transfor...
分类:
Web程序 时间:
2015-04-16 19:46:20
阅读次数:
135
参考网页:CSS3transform属性使用详解:http://www.renniaofei.com/code/css3-transform-shuxing-shiyong-xiangjie/利用CSS3的transition属性制作过渡效果的导航栏:http://www.renniaofei.co...
分类:
Web程序 时间:
2015-04-16 19:38:14
阅读次数:
195
利用CSS3的伪类元素hover以及transform,transition等动画属性,可以做出一些炫酷的动画效果。下面将一些项目中使用到的示例发布出来,供大家一起学习研究。演示地址:runjs。浏览器兼容:Chrome,Safari,IE10及以上,IE9不支持渐变效果,IE8以下不支持。tra....
分类:
Web程序 时间:
2015-04-15 16:30:28
阅读次数:
2427
transition语法:[|||||| [,[|||| || ] ]*由于transition是一个简写属性,它没有初始值,但是它所代表的四个属性都有初始值:1) transition-property: all 表示元素所有属性值发生改变时都会执行transition效果。它还可以取值none,...
分类:
Web程序 时间:
2015-04-15 10:53:46
阅读次数:
127
3个属性:transition,animation,transform实现步骤:1.css定位 2.rgba设置颜色透明度 3.转换+动画 transform+animation 4.动画平滑过渡 transition========================美丽分割线============...
分类:
Web程序 时间:
2015-04-12 01:15:47
阅读次数:
298
过渡效果的写法-webkit-transition:all 5s ease-in 0s;动画效果的写法:h1 {-webkit-animation: cc 10s ease-in 0 infinite alternate;}@-webkit-keyframes cc {0% {color:red;}...
分类:
其他好文 时间:
2015-04-08 21:09:44
阅读次数:
130
W3C标准中对css3的transition这是样描述的:“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。” 1、color: 通过红、绿、蓝和透明度组件...
分类:
Web程序 时间:
2015-04-08 17:57:27
阅读次数:
143