动画模块 动画格式 //1.告诉系统需要执行哪个动画 animation-name:动画名 //3.告诉系统动画持续时间 animation-duration:时间 //2.告诉系统所需要创建一个名字为（动画名）的动画 @keyframe 动画名 { from(0%){ margin-left:0; ...
分类：
Web程序 时间：
2017-07-05 00:22:41
阅读次数：
236
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text ...
分类：
Web程序 时间：
2017-07-02 10:09:20
阅读次数：
196
当下CSS3应用已经相当广泛，其中重要成员之一就是CSS3动画。并且，随着CSS动画的逐渐深入与普及，更复杂与细腻的动画场景也如雨后春笋般破土而出。例如上个月做的「企业QQ-新年祝福」活动： 感谢shirley帮忙录制上面的视频，虽然视频内容是手机上的显示效果，但是，这个“企业新年祝福活动”原本只针 ...
分类：
Web程序 时间：
2017-07-01 10:57:31
阅读次数：
271
一：动画(animation)的参数详解 由于上面用到了animation动画，这里详细介绍下这个animation的参数。 简介 CSS动画(Animations)简单说就是在一段固定的动画时间内暗中在某一频率内改变其CSS某个或某些值,从而达到视觉上的转换动画效果。Animations的很多方面 ...
分类：
Web程序 时间：
2017-06-29 17:30:32
阅读次数：
262
简介 贝塞尔曲线是可以做出很多复杂的效果来的，比如弹跳球的复杂动画效果，首先加速下降，停止，然后弹起时逐渐减速的效果。 使用贝塞尔曲线常用的两个网址如下： 缓动函数：http://www.xuanfengge.com/easeing/easeing/ cubic-bezier：http://cubi ...
分类：
Web程序 时间：
2017-06-28 23:05:25
阅读次数：
274
transition主要包含四个属性值：执行变换的属性：transition-property,变换延续的时间：transition-duration,在延续时间段，变换的速率变化transition-timing-function,变换延迟时间transition-delay。下面分别来看这四个属 ...
分类：
Web程序 时间：
2017-06-28 14:24:26
阅读次数：
190
添加动画效果： 1 animation-name：指定动画名称 2.animation-duration：设置动画的总耗时 3.animation-duration：设置的动画的播放次数，默认为1次，可以指定具体的数值，也可以指定infinite（无限次） 4.animation-direction ...
分类：
Web程序 时间：
2017-06-27 21:17:28
阅读次数：
146
CSS3 动画 使元素从一种样式逐渐变化为另一种样式的效果 兼容性 IE10、FireFox16+ Chrome43+ Safari9+ OPera30+ Android(-webkit-) animation animation-name属相检索或设置所应用的动画名称 语法 animation-n ...
分类：
Web程序 时间：
2017-06-27 15:36:41
阅读次数：
290
css动画分两种：过渡效果transition 、关键帧动画keyframes 一、过渡效果transition 需触发一个事件（如hover、click）时，才改变其css属性。 过渡效果通常在用户将鼠标指针浮动到元素上时发生 过渡(transition)动画只能定义首尾两个状态 transiti ...
分类：
Web程序 时间：
2017-06-26 20:01:41
阅读次数：
270
