一
16
HTML5和CSS3令设计师心动的新特征
什么是HTML5和CSS3
HTML和CSS并不难理解。HTML为构成网页的主要语言。通过这种语言，我们可以向计算机说明网页格式、内容、显示效果等等。而CSS则是专门 用来控制网页显示效果的语言。这时…阅读全文>>
Tag Archives: CSS3
一
05
20个最佳CSS3文字效果教程
CSS3的新特性为web开发带来了革命性地影响，CSS3给了开发者一个很好的机会，使用更加快捷简便的方法增强设计作品的效果。更令人振奋的是，目前几乎所有的浏览器都开始支持CSS3的很多特性，这就是CS…阅读全文>>
一
05
10款 HTML5 和 CSS3 框架推荐
所有的开发人员都应该注意了，你们绝对应该看看这篇文章，帮助你快速创建HTML5/CSS3的开发框架。可能你也看到过其它的框架，但是你应该看看这些框架，因为你以前可能没用过他们中的大部分。 看看最新的实…阅读全文>>
一
05
基于CSS3/HTML5演示文档jQuery插件 zSlide
一、卖的什么葫芦药？
jquery.zSlide.js是我最近折腾的一个jQuery插件，借助于CSS3和HTML5的一些新特性，在浏览器中实现类似于powerpoint幻灯片展示。
&…阅读全文>>
一
05
iPhone 4 使用 HTML5和CSS3渲染网页
1月 5 日消息，据国外媒体报道，近期一项技术让公众领略到了互联网技术的万能之处。iPone 4 通过使用 CSS3 渲染网页。CSS3是由乌克兰网络开发者 Vasiliy 设计的。最令人惊艳的是，基…阅读全文>>
一
01
CSS3 中 Transform、 Transition 、Animation 之间的区别与联系
1.Transform
在 部分的test case当中，每每演示transform属性的，看起来好像都是带动画。这使得小部分直觉化思维的人(包括我)认为transform属性是动画属性。 而恰恰相反…阅读全文>>
一
01
CSS3伪类前一个冒号和两个冒号之间的区别
在一次项目中，有一次要用到::selection伪元素，然后开发同学问我，CSS中一个冒号和两个冒号有神马区别?
这好像真的是个问题，或许很多前端同学对此都有疑惑，查了些资料，证实了下两个符号的区别，…阅读全文>>
一
01
解密纯CSS3打造iPhone4互动界面的过程：主框架
前段时间的一则新闻令CSS爱好者为之振奋，国外一高人使用3395行CSS代码和335行JS代码模拟出具有交互功能的iPhone4界面，界面逼真程度令人难以置信，更让人称道的是这位高人模拟出来的iPho…阅读全文>>
十二
31
Move.JS：实现CSS3动画的JavaScript框架
CSS3 新增的过渡和转换特性可制作出很给力的动画特效，今天这篇文章要推荐的就是使用这些 CSS3 属性封装的 JavaScript 类库 – Move.js。
Move.js 是一个封装…阅读全文>>
十二
31
理解 CSS3 animation-duration 属性
CSS3 的 animation-duration 属性用于指定动画运行的时间，例如：
animation-duration:1s;
-moz-animation-duration:1s; /* Fi…阅读全文>>
十二
31
理解 CSS3 animation-iteration-count 属性
CSS3的animation-iteration-count 属性用于指定动画循环的次数，例如：
animation-iteration-count:3;
-moz-animation-iterati…阅读全文>>
十二
31
理解 CSS3 animation-name 属性
CSS3的animation-name为页面元素指定一个名称绑定动画关键帧（@keyframes），使浏览器知道对象要使用什么样的动画。例如下面的代码：
animation-name:mymove;
…阅读全文>>
十二
31
理解 CSS3 @keyframes 语法规则
先来看一个实例：
下面的代码实现一个div垂直平滑移动200px，注意这里是平滑移动，而不是跳跃式地移动。
@keyframes mymove
{
from {top:0px;}
to {top:20…阅读全文>>
十二
31
理解 CSS3 animation-delay 属性
先来看一个例子：
以下代码实现等待两秒后开始执行动画：
animation-delay:2s;
-moz-animation-delay:2s; /* Firefox */
-webkit-anima…阅读全文>>
十二
31
理解 CSS3 的 animation-timing-function 属性
例子：
下面的代码实现让动画从开始到结束以相同的速度运动：
animation-timing-function:linear;
-moz-animation-timing-function:linea…阅读全文>>
十二
29
CSS3的动画特性
CSS3 仍然在开发中，如果你想跟进开发进度，请点击这里。 是的，正如你所看到的，它开发了这么多年依然没有完成。我并没有错过2006年它的第一次发布的介绍。
还好，由Opera和Safari领头，更多…阅读全文>>