设计作品 » CSS3动画运用得不错的网页设计作品

CSS3动画运用得不错的网页设计作品

发表于: 设计作品. 评论 (2)
Sponsor

最初我们是使用Table来布局网页,动画就用FLASH代替,而现在这些都要过时了,网站的排版布局使用DIV+CSS,动画和其它交互使用CSS3、HTML5和JavaScript结合来实现,这些都是未来发现的趋势,而我们也必须跟着这些趋势走。

CSS3是一门样式语言,学习它并不是很困难,但怎么去使用它却有很大的学问哦,今天我们整理30个CSS3动画运用得不错的网站,这些作品中有很多通过样式或是结合jQuery脚本来实现交互,十分有新鲜感觉,下面大家一起来欣赏这些优秀的网页设计作品吧。

Estudio Zeropixel

来自巴西的创意设计工作室官方网站。

Estudio Zeropixel #CSS3 #网页设计
浏览网站

Alexander Vishnevsky : AVMC

网站中间的圆圈是可以左右拖动的哦,拖动的同时人物会自动换装…

AVMC #CSS3 #网页设计
浏览网站

Intercore

这是一家控股及投资类公司网站。
Intercore #CSS3 #网页设计
浏览网站

Sparkk

Sparkk #CSS3 #网页设计
浏览网站

Ad Club Saint Louis

组织活动类网站。

Ad Club Saint Louis #CSS3 #网页设计
浏览网站

SHOCK DC Creative Agency

一个品牌网页设计的公司网站,web设计师们也可以欣赏下他们里面的作品。

SHOCK DC Creative Agency #CSS3 #网页设计
浏览网站

Arraial Estudio Criativo

Arraial Estudio Criativo #CSS3 #网页设计
浏览网站

Six Design

Six Design #CSS3 #网页设计
浏览网站

Toyota Hall of Fame

丰田汽车足球名人堂… 网站有大概的交互,鼠标经过、滚动动画等。

Toyota Hall of Fame #CSS3 #网页设计
浏览网站

Andculture

又一家设计机构的网站,扁平化的设计很不错呢,这网站里央的内容并不多,但通过图文排版设计使得整个画面看上去很丰满、大气。

Andculture #CSS3 #网页设计
浏览网站

Nikon Image Quality Experience

尼康相机,可以帮助你捕捉瞬间的美丽。

Nikon Image Quality Experience #CSS3 #网页设计
浏览网站

SLAMSTOP

Slamstop是针对车门平稳,无噪音自动关闭一个创新的门回缩系统。

SLAMSTOP #CSS3 #网页设计
浏览网站

Garmin Virb

只有一个产品的产品宣传网站,不要小看只是一个产品,你看人家设计得多丰满…像小米手机,开始只是一部手机,现在商城都出来了。

Garmin Virb #CSS3 #网页设计
浏览网站

ICHERRY

总部设在波兰的小型设计工作室,主要是做网站建设,看了他们一些作品,好像都做手机兼容了,真是领先啊。有空参考下他们的设计案例也能吸引下灵感。

ICHERRY #CSS3 #网页设计
浏览网站

Unique Living

你可以在这里发现世界级的别墅,土豪,你心动了吗?

Unique Living  #CSS3 #网页设计
浏览网站

MZ Wallace

小型商城类网站,主要是卖些时尚包包,女生们如果看到喜欢的别冲动,这时国外网站…

MZ Wallace #CSS3 #网页设计
浏览网站

Melyssa Robert Interior Designer

一家室内设计机构网站,看了里面的室内设计作品,让我喜欢的不是它设计有多美,而是国外的房子都这么”大”的吗,orz…

Stef Ivanov #CSS3 #网页设计
浏览网站

ALDO Shoe Getaway

ALDO 是一家销售鞋子的网站,整体设计以白色简约为主,这样确实很好,主要突出产品,不需要其它花哨的东西,也可以做成手机版,但这些排版设计很讲究哦,设计不到简约你就花哨点吧,呵呵。

ALDO Shoe Getaway #CSS3 #网页设计
浏览网站

Herbal Bises

这是一个日本的一家化装品相关的小型电子商务网站,首页的banner设计很beautiful哦,鼠标移上去动几下看看,效果不错呢。

Herbal Bises #CSS3 #网页设计
浏览网站

Awakenings

Awakenings #CSS3 #网页设计
浏览网站

Sony The Power of Full Frame

这个网站不需要解释了,抄吧,抄吧,手快打错字了……

Coulee Creative #CSS3 #网页设计
浏览网站

Socialwhale

社交媒体应用程序

Socialwhale #CSS3 #网页设计
浏览网站

七点半的太空人

垂直滚动式视差设计,用于展示一个故事,里面讲述一个4岁的小女孩,她的梦想是成为一名可以对抗邪恶外星人的太空英雄。

网站技术很好,但是宣传片为什么要用vimeo的呢?国内要VPN才能看哦,难道这动画片子不在大陆播?

网页设计
浏览网站

The Collaboratory

美国空军技术交流平台。

The Collaboratory #CSS3 #网页设计
浏览网站

Monster Energy COD Ghosts

这网站的视觉很强烈,当然查看源文件的时候,看到哪些JS我惊呆了…

Monster Energy COD Ghosts #CSS3 #网页设计
浏览网站

Pandra

Pandra #CSS3 #网页设计
浏览网站

Julien Renau

一位前端开发人员Julien Renau的个人网站。设计师,你有自己的宣传网站了吗?

Julien Renau #CSS3 #网页设计
浏览网站

Mindworks digital agency

Mindworks digital agency #CSS3 #网页设计
浏览网站

Big Bad Wolf

Big Bad Wolf是一家创意设计机构,主要制作视觉、电子商务网站、手机APP等业务。

Big Bad Wolf #CSS3 #网页设计
浏览网站

Parallax

数字营销机构,这团队技术也很不错的样子。

Parallax #CSS3 #网页设计
浏览网站

赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

+ 添加评论2 Responses to “CSS3动画运用得不错的网页设计作品”

  1. 老赵-茶馆 - 回复

    七点半的太空人,作者是台湾的,所以用vimeo

  2. 老赵_茶馆 - 回复

    nice,回去慢慢研究一下


{ 发表评论 }