WEBJX分享网站案例:2012年做的不错的CSS网站

文章简介:2012年涌现出众多独特的,令人印象深刻的 CSS 网站作品,要从中挑选出年度应用CSS 的最佳网站列表一个严峻的挑战,因为 CSS 涵盖了媒体查询(CSS3 Media Queries)、CSS动画和3D转换等众多特性。我根据过去 CSS 典型的应用场景挑选了其中的优秀作品组成一个列表,如果你

2012年涌现出众多独特的,令人印象深刻的 CSS 网站作品,要从中挑选出年度应用CSS 的最佳网站列表一个严峻的挑战,因为 CSS 涵盖了媒体查询(CSS3 Media Queries)、CSS动画和3D转换等众多特性。我根据过去 CSS 典型的应用场景挑选了其中的优秀作品组成一个列表,如果你有收藏更好的作品,欢迎留言向大家分享。

1. Beercamp

这个啤酒节的活动网站充分应用了 3D CSS Transform 技术,充满立体感的旋转和折叠效果。

2. Spelltower

Spelltower 不仅是一个令人上瘾的游戏,它也有一个网站,充满乐趣和个性。

使用的俏皮动画和过渡效果,让你想抓住一个 iPhone 并启动游戏。

3. Envy Labs

Envy Labs 的其中一个标语是“我们创造的乐趣”。采用CSS3 Transform 和 Transition 呈现一个很有趣的旋转木马!

4. Fine Goods

这个可爱的网站组合使用各种 CSS 属性实现个性的设计。价格标签会旋转变换和动画,抽屉形式的导航个性十足,甚至会让你大吃一惊。

5. Mammoth Booth

微妙的动画,外加一些打孔的插图,转换和边框阴影让图片带给人们真实照片的感觉。

6. Postable

由 Kevin Kneifel 开发的 Web 应用程序,充满特色。聪明的悬停和过渡相结合,有趣插图让网站能够吸引用户。

7. Lift Interactive

这个网站在互动方面做了非常了不起的工作,保持良好的设计和使用各种效果兼顾得很好。

我最喜欢的是书本上的3D转换效果,鼠标悬停的时候增添了一丝的惊喜。

[1] [2] [3]  下一页

时间: 2024-10-01 04:39:41

WEBJX分享网站案例:2012年做的不错的CSS网站的相关文章

CSS网站作品资源分享:2012年做得不错的20个CSS网站

文章简介:2012年排名前20位的CSS网站作品. 2012年涌现出众多独特的,令人印象深刻的 CSS 网站作品,要从中挑选出年度应用 CSS 的最佳网站列表一个严峻的挑战,因为 CSS 涵盖了媒体查询(CSS3 Media Queries).CSS 动画和3D转换等众多特性.我根据过去 CSS 典型的应用场景挑选了其中的优秀作品组成一个列表,如果你有收藏更好的作品,欢迎留言向大家分享. 1. Beercamp 这个啤酒节的活动网站充分应用了 3D CSS Transform 技术,充满立体感的

网站运营优化必做一步:划分好网站导航怎么做?

清晰的.与网站相关性强的导航可以让网站看起来更加的专业,也使用户更全面的理解网站的内容目录.也只是划分好导航目录才能让网站被误认为垃圾站,毕竟用户寻找内容时,首先靠的是确定自己要找的内容属于哪个类型的,再通过大类型转向小类型最终转向目的地.而且一个清晰的导航可以让蜘蛛爬行更加的顺畅,也让网站界面更加的美观.所以,划分好网站导航是网站运营优化必须做的一步.今天笔者分享下怎么来划分网站导航: 一. 按照市场需求划分       每个行业下都有各种各样的小行业组成的.比如灯泡行业的,其下面又有节能灯.

网站建设-我想做一个自己的企业网站要注意些什么

问题描述 我想做一个自己的企业网站要注意些什么 我想做一个自己的企业网站要注意些什么?我想做一个自己的企业网站不要太简单,要注意些什么我想做一个自己的企业网站要注意些什么 解决方案 购买域名主机,选择一个合适的程序模板,部署上去,记得备案

王准之:借助唐骏假文凭事件推广网站案例分享

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 大向今天在群里发了张他的"西太平洋大学的博士学位"的文凭证书,其实一 看到他写上的"西太平洋大学博士学位"我就知道是恶搞了! "西太平洋大学",这不就是因为唐骏假文凭事件后变得出 名起来的野鸡大学之一. 网上媒体报道称唐骏并没有拿到加州理工大学的博士文凭,不过他确实有一个博士学位文凭

优秀网站案例 从2012年看网站体验的5大趋势

译者注:抛砖引玉一篇趋势浅文.此文提炼的比较精辟,让人看完不由觉得"确实如此".相比其他很多几十条泛泛而谈.泛泛而用的趋势文章来说,算是精品哦.另外,文中有很多优秀网站案例,也值得我们学习. 原文地址:The Top 5 Website UX Trends of 2012 http://uxmag.com/articles/the-top-5-website-ux-trends-of-2012 2012年,用户界面技术持续不断发展,常常有效地模糊了设计.可用性以及技术之间的界限,从而为

移动端h5日期怎么做 谁有类似的可以分享一下案例吗?谢谢了

问题描述 移动端h5日期怎么做 谁有类似的可以分享一下案例吗?谢谢了 移动端h5的弹出的日期怎么做 谁有类似的可以分享一下案例吗?谢谢了 解决方案 http://www.jq22.com/jquery-info2107

旅游网站如何运用视频做推广 经验分享

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 笔者从事旅游网站运营已经半年时间了,网络推广方式很多种,现在的互联网信息时代,在网上查一下不下上百种推广方式.笔者为什么要在这里讲视频推广呢?视频网站在网站中的权重是比较高的,你随便在搜索引擎中搜一个关键词视频title中包含这个关键词的排名非常的好! 下面就和大家说说视频制作注意事项和如何进行视频推广: 制作视频: 1.视频标题: 频标题要

优秀网站案例 从2012年看网站体验的五大趋势

中介交易 SEO诊断 淘宝客 云主机 技术大厅 译者注:抛砖引玉一篇趋势浅文.此文提炼的比较精辟,让人看完不由觉得"确实如此".相比其他很多几十条泛泛而谈.泛泛而用的趋势文章来说,算是精品哦.另外,文中有很多优秀网站案例,也值得我们学习. 原文地址:The Top 5 Website UX Trends of 2012 http://uxmag.com/articles/the-top-5-website-ux-trends-of-2012 2012年,用户界面技术持续不断发展,常常有

经验分享:网站编辑每日必做的几项工作

中介交易 SEO诊断 淘宝客 云主机 技术大厅 在网站编辑这个行业混得也算久了,每天需要做些什么,闭着眼睛也能描述出来,想了许久,决定写下来,不管有没有,做个参考吧.刚做网站编辑时,那时还没毕业,在一个医院里做文案,因为医院准备做网站,其他人又不懂,就让我接手.其实自己也完全没谱,连管理后台都不会,还是经过几天摸索之后,才慢慢学会的,一路走来,经历过SEO之后,对这行的了解也就深入了.言归正传,作一个称职的网站编辑,你需要每日为你所负责的站点做的事主要有以下几点: 1.原创内容. 内容是必须的,