47个创新的CSS3动画演示

这是一个汇总了47个创新的CSS3动画演示。他们展示的可能性,CSS3转换和过渡特性。有些是非常实用的,可以作为JavaScript的替代品。他们中的大多数只是看起来很酷。为了观这些效果,你需要一个WebKit浏览器如Safari和Chrome(很抱歉Internet Explorer的用户),一起感受它们!

CSS3 Clock With jQuery

001

 

Analogue Clock

002

 

3D Cube That Rotates Using Arrow Keys

003

 

Multiple 3D Cubes (Slide In/Out)

004

 

CSS3 Accordion

005

 

Auto-Scrolling Parallax

006

 

Isocube

007

 

Image Gallery

008

 

Matrix

009

 

7 Javascript-effect Alternatives Using CSS3

010

 

Image Hover Effects

011

 

Turning Coke Can (Control With Scrollbar)

012

 

3D Meninas

013

 

Polaroid Gallery

014

 

Space

注:这是一个强烈的图形化效果,需要一段时间才能加载,但结果是疯狂的!
015

 

Mac Dock

016

 

Drop-In Modals

017

 

Sliding Vinyl

018

 

Zooming Polaroids

019

 

Animated Rocket

020

 

Poster Circle

021

 

Morphing Cubes

022

 

Falling Leaves

023

 

Animated Polaroid Gallery

024

 

Spotlight Cast Shadow

025

 

Colorful Clock

026

 

Lightbox Gallery (Draggable)

027

 

Elastic Thumbnail Menu

028

 

Coverflow

029

 

Snowflakes

030

 

jQuery DJ Hero

031

 

Dynamic Stacking Cards

032

 

Another Image Gallery

033

 

Snow Stack (Control With Arrow Keys)

034

 

Animated Pricing Column

035

 

Slick jQuery Menu

036

 

CSS3

037

 

CSS Tabs Without Javascript

038

 

Tab Menus Without Javascript

039

 

SVG Fisheye Menu

040

 

Dynamic Presentation Without Flash

041

 

Rotating Gallery

042

 

Dropdown Menu

043

 

Another Fisheye

044

 

Frame-by-Frame Animation (Hover to Play)

045

 

Another Accordion

046

 

AT-AT Walker (No Flash or Javascript)

047

 

原文:http://webdesignerwall.com/trends/47-amazing-css3-animation-demos