摘要: 最初这个效果是在Playnext.cn看到的,感觉挺好玩,今天就跟大家分享一下,用CSS3怎么来实现这个效果。 先来看下我做的demo Hello 二货,这个抖动效果的原理是通过元素小角度快速旋转和元素上下左右快速移动组合而成的,首先我们来了解两个个CSS3的知识点:transform、animation,下面我们逐一介绍一下这两个属性。transform从字面上讲是变形改变的意思,他包括:rotate(旋转)、scale(缩放)、skew(扭曲)、translate(移动)、matrix(矩阵变形),抖动效果中我们只用到了rotate和translate,它的语法是:-*-transform 阅读全文
posted @ 2013-03-27 12:34 Ian Reed 阅读(334) 评论(0) 推荐(0) 编辑
摘要: 将来会有越来越多的人来访问我们的网站,为他们提供基于HTML5的离线储存功能将大大提高网站的可访问度和友好度,接下来通过一个小demo分享一下我学习到的HTML5离线储存技术。首先讲下它的运行机制,每张需要离线使用的页面都指向一个 .manifest 文件,这个 .manifest 文件罗列了这张页面离线时所需要的资源。当浏览器第一次访问页面时,.manifest 文件会告诉它哪些资源是需要缓存下... 阅读全文
posted @ 2013-03-27 12:33 Ian Reed 阅读(202) 评论(0) 推荐(0) 编辑