CSS 3中的炫目新功能抢先预览

 

　　用CSS3展开用户界面

　　这是一个用创意地使用CSS3的例子。一个用CSS3对 OSX用户界面所作的模拟。

 

　　带有jQuery插件的CSS3样板布局

　　这个插件可以让网页设计者通过jQuery使用W3’s CSS 的样板布局模块。

 

　　使用CSS3 RGBA制作透明效果

　　RGBA可以让你指定一种颜色为透明。

 

　　CSS3用户自定义字体

　　虽然用其它方法也可以嵌入字体，不过使用CSS3做自定义字体会使问题简单不少。

　　用CSS3和jQuery制作Polaroid图片浏览器

　　网页制作人Marco Kuiper给我们展示了如何结合CSS3和JQuery制作Polaroid图片集。

 

　　变尺寸方框的例子和使用

 

　　结合使用各CSS3特性而产生的的乐趣

　　使用了CSS选择符后，鼠标停留在菜单上时，它就可以模拟按下按钮。

 

　　创建和使用CSS3链接

　　CSS3可以使链接管理更有力有效。我们可以轻松把链接状态指定为链接，被访问，停留和活动状态等不同的链接状态值。

 

　　CSS3 的提示文本

　　将:before (or :after) pseudo element和:hover pseudo class.结合可以制作提示文本。

 

　　用属性选择器设置形式

　　使用属性选择器可以设置网页外貌。

 

　　CSS 透明度

　　有许多使用CSS透明度的方式使网站用户对网站产生好感。你可以控制文字和图片的透明度使内容达到视觉上的满足。

 

　　使用CSS3选择器应用链接图标

　　用CSS3选择器在链接旁添加图标更简易。

 

　　简单CSS3圆角属性（支持IE）

　　尽管Safari 和Firefox目前各版本都支持CSS的border-radius（圆角边框）属性，Internet Explorer却不支持。不过，使用IE的条件语句和图片你就有了很好的跨浏览器圆角功能。

 

　　CSS3中的阴影效果

　　CSS3的-webkit-box-shadow属性可以在任意指定div上制作阴影。这个例子仅用于Safari。

第1页:CSS 3中的炫目新功能抢先预览(1)   第2页:CSS 3中的炫目新功能抢先预览(2)