优秀漂亮的CSS3样式收集（2012版）

Sponsor

我想有不少人已经接触过CSS3，它给设计师以及前端人员带来很多的方便，今天为大家收集2012年至今较为漂亮的CSS3样式，有些带有教程哦，看到哪么漂亮的样式不知道你有没有心动想制作一个呢？下面大家一起来看看CSS3的样式之美。
※ 下面的CSS3例子，请使用IE9或其它支持CSS3的浏览器浏览。

Growl Notification

CSS3制作的Tool Tips效果，半透明很漂亮。

Slide In Image Box

一个带背景动画的盒子。

Animated Content Tabs with CSS3

用CSS3来制作TAB，效果很不错哦，里面还配有教程，喜欢的可以学习下。

Accordion with CSS3

CSS3制作的手网琴效果，也带有教程。

Orman Clark’s Vertical Navigation Menu: The CSS3 Version

这个用CSS3写的UI样式很漂亮啊，赞一个。

Animated Profile Popover

鼠标HOVER提示效果，喜欢！

Sliding Tags

一个带动画的标签云，创意界面都很不错。

漂亮的CSS3用户留言样式

这个是由设计达人为了增加用户评论体验而用CSS3创作的一个留言样式，大家可以在设计达人网站尝试一下留言体验哦。

Making an Impressive Product Showcase with CSS3

CSS3写的滚动式幻灯片。

Create the Illusion of Stacked Elements with CSS3 Pseudo-Elements

一个CSS3相册展示，自己进去欣赏吧。

a CSS3 animated hover effect

CSS3图片展示效果。

CSS3 ordered list styles

OL样式范例。

CSS3 Family Tree

CSS3写的组织架构目录。

CSS3 Pricing Table

漂亮的CSS3表格样式。

CSS3时间轴效果

Menu with Notification Badges

CSS3写的通知提示样式。

CSS3 Dropdown Menu

纯CSS3横向二级菜单，三级怎么写呢？

Pure CSS3 LavaLamp Menu

又一个纯CSS3二级菜单，有点BUG。

CSS3 Breadcrumbs

CSS3 面包屑导航，现在用CSS3就可以很简单制作出来了。

Inset Side Navigation

漂亮CSS3 UI样式。

CSS-Only Responsive Layout with Smooth Transitions

这个纯CSS3写的效果很赞，无jQuery，响应性布局+平滑过渡的滑动效果，喜欢。

Page Transitions with CSS3

和上面CSS3滑动例子差不多，学习学习。

An explanation of the CSS animation on Apple’s iPhone 4S webpage

iPhone页面动画用CSS3的实现方法，原来是这么强悍……不过官网不是这么实现，是用JS写的。

Animated Download Button With CSS3

CSS3 创意HOVER效果。

Animating CSS3 Gradients

主要用CSS3渐变颜色实现。

YouTube Popup Buttons

CSS3的漂亮按钮风格实现。

Circular 3D Buttons

CSS3制作的3D按钮效果。

CSS3 Brushed-Metal Buttons

漂亮的CSS3按钮样式。

umbrUI

CSS3改变input样式，UI也很漂亮，这个要在webkit浏览器浏览哦。

Dark Login Form

一个CSS3的登陆样式。

iOS Style Popover

像iOS哪个提示+选择样式。

Apple Like Login Form

Apple风格的登陆表单样式。

看这么多CSS3样式，除了能制作漂亮的UI，还能实现很多jQuery才能实现的效果，真想国内能快点到CSS3时代，我想哪时候国外已经是CSS5的时代了，哈哈。

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。