47 个 惊人的 CSS3 动画示例

红薯
 红薯
发布于 2011年12月01日
收藏 99

本文介绍47个令人咋舌的CSS3动画演示汇编。他们展示了CSS3的转换和过渡性的处理。有些是非常有用的,可以作为浏览器的替代品使用。这些效果大多是简单的,看起来很酷。为了尝试这些效果,你需要的WebKit浏览器,如Safari和Chrome。

CSS3 Clock With jQuery

css3 clock

Analogue Clock

analogue clock

3D Cube That Rotates Using Arrow Keys

3d cube

Multiple 3D Cubes (Slide In/Out)

multiple 3d cubes

CSS3 Accordion

css3 clock

Auto-Scrolling Parallax

auto scrolling parallax

Isocube

isocube

Image Gallery

image gallery

Matrix

matrix

7 Javascript-effect Alternatives Using CSS3

javascript effect alternatives

Image Hover Effects

css3 clock

Turning Coke Can (Control With Scrollbar)

coke can

3D Meninas

3d meninas

Polaroid Gallery

polaroid gallery

Space

Note: this one is graphic intense and takes a while to load, but the result is crazy!

space

Mac Dock

css3 clock

Drop-In Modals

drop in modals

Sliding Vinyl

sliding vinyl

Zooming Polaroids

zooming polaroids

Animated Rocket

animated rocket

Poster Circle

poster circle

Morphing Cubes

morphing cubes

Falling Leaves

falling leaves

Animated Polaroid Gallery

polaroid gallery

Spotlight Cast Shadow

spotlight cast shadow

Colorful Clock

colorful clock

Lightbox Gallery (Draggable)

css3 clock

Elastic Thumbnail Menu

elastic thumbnail menu

Coverflow

coverflow

Snowflakes

snow

jQuery DJ Hero

dj hero

Dynamic Stacking Cards

stacking cards

Another Image Gallery

image gallery

Snow Stack (Control With Arrow Keys)

snow stack

Animated Pricing Column

animated pricing column

Slick jQuery Menu

slick jquery menu

CSS3

sticky notes

CSS Tabs Without Javascript

css tabs

Tab Menus Without Javascript

tab menus

SVG Fisheye Menu

fisheye menu

Dynamic Presentation Without Flash

dynamic presentation

Rotating Gallery

rotating gallery

Dropdown Menu

dropdown menu

Another Fisheye

fisheye

Frame-by-Frame Animation (Hover to Play)

css3 animation

Another Accordion

another accordion

AT-AT Walker (No Flash or Javascript)

css3 animation walker

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
本文标题:47 个 惊人的 CSS3 动画示例
加载中

最新评论(12

呢喃的猫咪
呢喃的猫咪
挖个坟。
拒绝诱惑
拒绝诱惑
好牛B的效果
Wei__
Wei__
犇!!!
libran
libran
好东西,收藏了。
WMSJ
WMSJ
很炫,好像国内很少有网站有这效果。
SeekerLee
SeekerLee
本站文章除注明转载外,均为本站原创或编译。。。
鄙视
hlevel
hlevel
good
Liuxd
Liuxd

引用来自“唐明星”的评论

很多大型网站目前依旧在采取PHP来开发,人们对PHP是又爱又恨,爱的是学习成本低,快速迭代,敏捷开发,简便调试。恨的是这门语言本身设计得非常松散,很多不足。php是web界的vb,跟VB类似,从语言的角度来说纯粹是垃圾语言,但是用的人超多,都是打不死的小强。facebook对这门语言的性能恨之入骨,几次想抛弃不用,但是工程师的学习成本太高,还是不得不用PHP。所以,后来折中了,用C++来编译PHP,解决PHP重复编译和解释的成本。

现在大型的网站,很少用纯PHP开发的,大部分采取的是用PHP做web layer进行快速原型开发和迭代,用数据调用的方式,读取java/python/c++/c的后台服务,提供完整的功能。

本人是PHP工程师,以上见解纯属个人意见,如有不当,敬请原谅。

非常赞同。对于大型网站,使用多语言、多技术,让他们各司其职,在各自最擅长的领域发挥自己的作用,才能更好的构建一个强大的整体。

其实本来也没有什么万能的东西,没有哪种语言哪种技术可以一统江湖的吧,JAVA曾有此野心,可实际情况呢?

多技术复合使用才是正道。

话说本文讨论的是纯粹语言层面的东西,只是得出一个结论而已,PHP的性能没有那么差,就是这些罢了,大家的争论总觉得不知不觉跑题了。

PHP,从语言角度看不是个“干净整洁”的东西,但也有优点。如果用武侠小说内容来比喻的话,JAVA就是名门正派的高手,武功精纯正宗,比如武当派;PHP就是丐帮的,虽然衣衫褴褛,但是弟子众多,功夫虽不优雅,但很实用,也是不容小觑的。

呵呵,就这样,我这么认为的。另外我也是搞PHP开发,C和JAVA也略懂。
ginkgo_w
ginkgo_w
我还以为是小编辑发的呢?没有想到是红薯发的。
返回顶部
顶部