http://blog.csdn.net/jerryvon/article/details/8755548整理了一些其它动画,用的模板为flip模板,只不过CSS3不同[css]view plaincopyprint?/*****************淡入淡出*******************...
分类:
Web程序 时间:
2016-01-08 13:08:04
阅读次数:
256
css010 css的transform transition和animation看着没有一个能想起他们是干什么的。。1、 Transform Transform(变形)rotate(旋转)transform:rotate(10deg); 顺时针旋转10度 (deg角度的度量单位)scale(缩放)...
分类:
Web程序 时间:
2016-01-06 21:54:00
阅读次数:
239
Transition:过渡1>过渡属性:transition-property 要运动的样式 (all || [attr] || none)transition-duration 运动时间transition-delay 延迟时间transition-timing-function 运动形式 eas...
分类:
Web程序 时间:
2016-01-06 14:08:47
阅读次数:
162
.close_frame{display:inline-block;height:14px;width:14px;background:url("../images/closeiframe.png") no-repeat 0 0; transition:transform 0.2s ease-in-...
分类:
Web程序 时间:
2016-01-06 13:46:25
阅读次数:
114
animation1、与transition一样,animation在IE9之前都不支持,不仅如此,还需要大量的供应商前缀2、定义关键帧:@内容中需要大量的前缀@keyframes fadeIn(animationName) from{ } 50%{ } to{ } /*from起始关键帧,to结束...
分类:
Web程序 时间:
2016-01-03 22:30:12
阅读次数:
204
css3 大多数都不兼容老版本浏览器前缀-webkit-transition:1s;老板谷歌-moz-transition:1s; 老版火狐-o-transition:1s 老版苹果transition:1s; 高版js中webkitTransitionmozTransi...
分类:
Web程序 时间:
2015-12-29 19:04:32
阅读次数:
163
学习笔记,如有错误请指正。?号处也请各位指点下,谢谢。按钮(Button)响应点击事件Transition:响应用户操作的可视化方式。None(无)、ColorTint(颜色)、SpriteSwap(精灵替换)和Animation(动画)Navigation:决定控制序列的属性On Click:用户...
分类:
其他好文 时间:
2015-12-21 15:42:03
阅读次数:
198
上一次写了transition的内容,这次就写拼写很类似的另外一个属性transform好了……我英语差这件事就不要吐槽了,下面是正文,真的:transition是过渡,transform是变换。transform分为2D变换和3D变换,简直碉堡了,其实3D变换就是比2D变换多了1D,可以简单这么理...
分类:
其他好文 时间:
2015-12-19 23:06:20
阅读次数:
219
在介绍animation之前有必要先来了解一个东西,那就是“keyframes”,我们把他叫做“关键帧”;在使用transition制作一个简单的transition效果时,包括了初始属性,最终属性以及完成过渡效果 所需的时间、速度曲线、开始时间;但是这些都无法控制的更细一些,比如说我要第一个时间段...
分类:
Web程序 时间:
2015-12-19 18:00:29
阅读次数:
234
transition是css3新出的一个属性,大白话叫做过渡。主要有下面这四个属性:transition-property、transition-duration、transition-timing-function、transition-delay(我做了四个预览效果,点击可查看)大白话分别是,需...
分类:
其他好文 时间:
2015-12-19 17:42:00
阅读次数:
219