在某论坛上(不打广告)看到一个让我很惊艳的CSS效果。

它是鼠标左右滑动来实现3D的动态效果,个人觉得是个很赞的效果,感觉非常的莎士比亚,非常的歌剧啊~~~~不过也引发了一场争论。争论分为两派:“坚决顶起”派和“不以为然”派。“坚决顶起”派认为果然CSS是很强大的东西,这个demo的效果很酷很赞,很值得推崇;而“不以为然”派却认为,CSS应该用在正途上,不要做这些无谓的事情。

个人加入的是“坚决顶起”派。

从零开始接触CSS只有短短半年,在这半年里面看到CSS的不断完善和强大,不断的催促自己追赶着它的脚步(有点小清新了…咳 ⊙﹏⊙b)。

举个感触最深的例子吧~

这就是我对HTML的理解,是最原生态的美。当CSS出现后,我们就不仅限于单一的表现形式,我们渴望更多的色彩和线条。

这是CSS赋予HTML的,淡妆的美。简洁的背景色加上明朗的线条,给人以素雅幽静。

这是CSS背景图赋予HTML的,浓妆的美。各式各样的效果,只有想不到,没有图片做不到。虽然图片能呈现出琳琅满目的样子,却也掩盖不了其自身存在的问题。

这是CSS3赋予HTML的,相宜的美。比淡妆稍浓,比浓妆稍淡。CSS3的各种新属性,让原本需要图片才能完成的样式得以解脱,让加载变得更加流畅。

CSS所有的进步都围绕着用户的感官体验,其目的就是为了呈现出视觉的饕餮盛宴。如果是这样,那CSS就必将进步,必将为用户带来更新奇的视觉享受。

在使用CSS1的时候,我们能想象出在未来的某一天,CSS可以实现圆角、阴影甚至是动画吗?同理,在网络高速发展的今天,我们已然觉得CSS3足够强大,但是在未来的某一天,难道不会出现令我们更加惊艳叫绝的CSS4、CSS5吗?

似乎有点跑题了,再拉回来。

这个demo并没有利用大热的CSS3,而是一层一层的迭代背景图,实现3D效果。代码很复杂,我一时半会儿也难以理解,不过这并不影响它的观赏性。这是一个创意,一个灵感。也许现在的页面暂时用不到,但是未来的事情谁又能吃的准呢?也许在CSS4中出现了background-move属性也未可知啊(无限YY……)。

附上demo地址:http://101.132.125.4/wp-content/uploads/2011/10/new21.html

本文作者:admin 转载请注明来自:携程设计委员会