CSS图书馆 » HTML & CSS » 优秀漂亮的CSS3样式收集(2012版)

优秀漂亮的CSS3样式收集(2012版)

发表于: HTML & CSS, 前端开发. 评论 (6)
Sponsor

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

Growl Notification

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

优秀漂亮的CSS3样式收集(2012版)

Slide In Image Box

一个带背景动画的盒子。

优秀漂亮的CSS3样式收集(2012版)

Animated Content Tabs with CSS3

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

优秀漂亮的CSS3样式收集(2012版)

Accordion with CSS3

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

优秀漂亮的CSS3样式收集(2012版)

Orman Clark’s Vertical Navigation Menu: The CSS3 Version

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

优秀漂亮的CSS3样式收集(2012版)

Animated Profile Popover

鼠标HOVER提示效果,喜欢!

优秀漂亮的CSS3样式收集(2012版)

Sliding Tags

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

优秀漂亮的CSS3样式收集(2012版)

漂亮的CSS3用户留言样式

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

优秀漂亮的CSS3样式收集(2012版)

Making an Impressive Product Showcase with CSS3

CSS3写的滚动式幻灯片。

优秀漂亮的CSS3样式收集(2012版)

Create the Illusion of Stacked Elements with CSS3 Pseudo-Elements

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

优秀漂亮的CSS3样式收集(2012版)

a CSS3 animated hover effect

CSS3图片展示效果。

优秀漂亮的CSS3样式收集(2012版)

CSS3 ordered list styles

OL样式范例。

优秀漂亮的CSS3样式收集(2012版)

CSS3 Family Tree

CSS3写的组织架构目录。

优秀漂亮的CSS3样式收集(2012版)

CSS3 Pricing Table

漂亮的CSS3表格样式

优秀漂亮的CSS3样式收集(2012版)

CSS3时间轴效果

优秀漂亮的CSS3样式收集(2012版)

Menu with Notification Badges

CSS3写的通知提示样式。

优秀漂亮的CSS3样式收集(2012版)

CSS3 Dropdown Menu

纯CSS3横向二级菜单,三级怎么写呢?

优秀漂亮的CSS3样式收集(2012版)

Pure CSS3 LavaLamp Menu

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

优秀漂亮的CSS3样式收集(2012版)

CSS3 Breadcrumbs

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

优秀漂亮的CSS3样式收集(2012版)

Inset Side Navigation

漂亮CSS3 UI样式。

优秀漂亮的CSS3样式收集(2012版)

CSS-Only Responsive Layout with Smooth Transitions

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

优秀漂亮的CSS3样式收集(2012版)

Page Transitions with CSS3

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

优秀漂亮的CSS3样式收集(2012版)

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

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

优秀漂亮的CSS3样式收集(2012版)

Animated Download Button With CSS3

CSS3 创意HOVER效果。

优秀漂亮的CSS3样式收集(2012版)

Animating CSS3 Gradients

主要用CSS3渐变颜色实现。

优秀漂亮的CSS3样式收集(2012版)

YouTube Popup Buttons

CSS3的漂亮按钮风格实现。

优秀漂亮的CSS3样式收集(2012版)

Circular 3D Buttons

CSS3制作的3D按钮效果。

优秀漂亮的CSS3样式收集(2012版)

CSS3 Brushed-Metal Buttons

漂亮的CSS3按钮样式。

优秀漂亮的CSS3样式收集(2012版)

umbrUI

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

优秀漂亮的CSS3样式收集(2012版)

Dark Login Form

一个CSS3的登陆样式。

优秀漂亮的CSS3样式收集(2012版)

iOS Style Popover

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

优秀漂亮的CSS3样式收集(2012版)

Apple Like Login Form

Apple风格的登陆表单样式。

优秀漂亮的CSS3样式收集(2012版)

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

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

+ 添加评论6 Responses to “优秀漂亮的CSS3样式收集(2012版)”

  1. longxia - 回复

    确实不错

    • 刘易斯 -

      kk

    • 刘易斯 -

      iii

  2. 罗罗磊磊 - 回复

    不错

  3. 疤在互联网上的刀 - 回复

    不错不错~~

  4. Kaede - 回复

    感谢提供……很不错,很喜欢。支持一下哈。继续加油~


{ 发表评论 }