CSS3-1

现在大多数浏览器支持CSS 3 技术,因此许多大胆且富有创意的设计师开始学习运用它,有一大票童鞋已经在CSS 3 的路上高歌猛进,以下就是它们的作品,每一个都酷炫难挡,根本停不下来!

酷炫合集:

《超赞!HTML5游戏前端开发秘籍(附页面神器)》
想让网页更酷炫!不要错过这30款免费JQUERY插件合集

Quechua

有些网站就是喜欢带点动感,这个Quechua就是使用了视屏背景,视觉效果很好。

Quechua – Look Book Spring Summer 14 网站设计欣赏

LanderApp

LanderApp 网站设计欣赏

4N

4N高档手表网站设计,不仅技术厉害,设计师的绘画也令人惊叹啊,制作这样一个网站成本一定很高了。

4N 网页设计欣赏

CanalSat Series

CanalSat Series 网站

Forbi studio

Forbi工作室的网站设计,页面上的整体排版不错。

Forbi studio 网站设计欣赏

Sonnybono

BORN TRENDY. 一个现代时尚的网站。想制作时髦些,可以参考这个设计。

Sonnybono 网站

A grid system for humans

A grid system for humans 网站

Magnus Backstedt

Magnus Backstedt CSS网页

Torre 1961

其实网站首页不一定要展示很多东西,就像torre一样,一张产品图都能有另一番韵味。

Torre 1961 CSS网页

Piotr Swierkowski Portfolio

Piotr Swierkowski Portfolio CSS网站作品

furnitures and design

一个家居设计网站,设计以干净简约为主。

furnitures and design CSS网站作品

VeloSport

一家自行车产品官网,使用全屏的扁平化风格设计,发现很多有大图的网站现在都爱加loading图像……

VeloSport 网页设计欣赏

BMW ConnectedDrive

在感觉这些强大的技术同时,你的网速一定要跟得上…… 当然如果在国内,用BGP线路也不会慢的。

网页设计

Digital Agency

Digital Agency 网页设计欣赏

The Minute Of Silence

The Minute Of Silence 网页设计欣赏

Lime Street

波兰的一家小型的网页设计公司网站。

Lime Street 网页设计欣赏

Antico Setificio Fiorentino

一家丝绸厂的网站。

Antico Setificio Fiorentino 网页设计欣赏

CHRONOS Parallax HTML Template

CHRONOS Parallax HTML Template 网页设计欣赏

Sleeping Duck

一个集成购物功能的床垫品牌企业网站,它的购物体验非常不错,大家可以试下,不同于其它购物商城。

Sleeping Duck 网页设计欣赏

BARNYARD

BARNYARD 网页设计欣赏

TRUE

国际化内容营销机构: TRUE.

TRUE 网页设计欣赏

Benetti

Benetti 网页设计欣赏

PFD

PFD 网页设计欣赏

Smart Slider 2 – Demo

Smart Slider 2 - Demo 网页设计欣赏

Music is my style

Music is my style 网页设计欣赏

Clos de la Couronne

Clos de la Couronne 网页设计欣赏

Gnarly!

Gnarly! 网页设计欣赏

Xbox Gift Card

Xbox Gift Card 网页设计欣赏

Initiative Website

Initiative Website 网页设计欣赏

Social Soundscape

Social Soundscape 网页设计欣赏

TheyCallMeBarry

TheyCallMeBarry 网页设计欣赏

最后

可以看出,使用CSS3技术的网站是非常有动感的,也是未来网页设计的一大趋势。也许也些动画很复杂,但没关系,我们可以从简单的做起,比如渐隐、旋转、左右平移、屏幕滚动后触发动画等等都是很好的办法。

原文地址:awwwards
译文地址:shejidaren

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量69万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

点赞 1
收藏
继续阅读相关文章

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
评论 收藏