#container{ transition:all 3s; margin:-20px auto;
width:1px; height: 500px; animation: around 8s infinite ease;} #line{width:
1p...
分类:
Web程序 时间:
2014-05-10 00:39:24
阅读次数:
4537
5月3日,Julian在其GitHub上发布了Velocity.js。Velocity.js是一款动画切换的jQuery插件,它重新实现了jQuery的$.animate()方法从而加快动画切换的速度。Velocity.js只有7k的大小,它不仅包含了$.animate()的所有功能,并且还包含了....
分类:
Web程序 时间:
2014-05-09 23:16:03
阅读次数:
470
本文以动画的形式,通过‘道路交通’展现了‘计算机网络’的知识:
网络通信的过程比作道路交通,出行的道路不同,要做的事不同,所乘坐的车也是产自不同厂商、型号大小各异,但是要想顺利达到目的地,不管什么样的车都必须要遵守统一的交通规则。
与此相似,在互联网通信中,同样也需要有一套大家都来遵循的规则,用以规定数据信息的格式,以及如何发送和接收这些信息。网络设备所共同遵循的这套规则我们也称其为网络协议。而马路和汽车实现了城市之间的实际通信,这就好比是传输介质。出发地点和目的地好比是需要通信的两个城市,...
分类:
其他好文 时间:
2014-05-09 15:19:23
阅读次数:
224
当使用css3时,会遇到利用@keyframes来定义动画事件,利用下面3个事件,可以捕捉当前元素...
分类:
Web程序 时间:
2014-05-09 15:15:04
阅读次数:
373
之所以叫做关键帧动画是因为,这个类可以实现,某一属性按照一串的数值进行动画,就好像制作动画的时候一帧一帧的制作一样。一般使用的时候
首先通过animationWithKeyPath方法 创建一个CAKeyframeAnimation实例,CAKeyframeAnimation
的一些比较重要的属性1...
分类:
其他好文 时间:
2014-05-09 08:29:20
阅读次数:
249
原文:太赞了!超炫的页面切换动画效果【附源码下载】
今天我们想与大家分享一组创意的页面切换熊效果集合。我们已经在示例中罗列了一组动画,可以被应用到页面切换过程中,创造出很有趣的导航效果。虽然有些效果都非常简单,只是简单的滑动动作,但另外的一些则是利用了视角(Perspective)和
3D 转换(3...
分类:
其他好文 时间:
2014-05-09 07:41:15
阅读次数:
416
网页设计师的职业发展导读:网页设计师是每个网站不可或缺的角色,但确实有很多网页设计师会想,我们的职业成长空间如何呢?网页设计师首先要熟悉网页制作流程,能独立完成各级页面设计,动画以及HTML静态页面制作,精通PhotoShop,Dreamweaver,FLASH等软件。下面先谈谈网页设..
分类:
Web程序 时间:
2014-05-09 06:45:25
阅读次数:
612
Transform:DOM变形Transition:某个DOM或者多个DOM变化,只有两个关键帧。Animation:生成动画,可以多个关键帧Transition
需要触发的时事件。Animation不需要
分类:
Web程序 时间:
2014-05-08 23:00:29
阅读次数:
371
ie6下
gif动画不动如果有onclick事件:在IE6中,点击a标签,onclick事件会先执行,其次是href下的动作,href执行后,默认会执行跳转动作(尽管href属性不一定是一个地址),于是页面中的加载就停止了,gif图片就停止播放了。这个应该是IE6底层机制的bug。解决办法:就是在o...
分类:
其他好文 时间:
2014-05-08 22:43:01
阅读次数:
470