47 Surpreendentes Demos de Animações em CSS3

Aqui está uma compilação de 47 de cair o queixo CSS3 demos animação. Eles demonstram as possibilidades da transformação CSS3 e propriedade de transição. Alguns são muito úteis e podem ser utilizados como alternativas Javascript. A maioria deles são simplesmente para olhar. A fim de visualizar estes efeitos, você precisa de um navegador WebKit, como Safari e Chrome (desculpa para os usuários do Internet Explorer). Divirta-se!

CSS3 Clock With jQuery

Analogue Clock

3D Cube That Rotates Using Arrow Keys

Multiple 3D Cubes (Slide In/Out)

CSS3 Accordion

Auto-Scrolling Parallax

Isocube

Image Gallery

Matrix

7 Javascript-effect Alternatives Using CSS3

Image Hover Effects

Turning Coke Can (Control With Scrollbar)

3D Meninas

Polaroid Gallery

Space

Nota: este é um gráfico intenso e demora um pouco para carregar, mas o resultado é bem louco!

Mac Dock

Drop-In Modals

Sliding Vinyl

Zooming Polaroids

Animated Rocket

Poster Circle

Morphing Cubes

Falling Leaves

Animated Polaroid Gallery

Spotlight Cast Shadow

Colorful Clock

Lightbox Gallery (Draggable)

Elastic Thumbnail Menu

Coverflow

Snowflakes

jQuery DJ Hero

Dynamic Stacking Cards

Another Image Gallery

Snow Stack (Control With Arrow Keys)

Animated Pricing Column

Slick jQuery Menu

CSS3

CSS Tabs Without Javascript

Tab Menus Without Javascript

SVG Fisheye Menu

Dynamic Presentation Without Flash

Rotating Gallery

Dropdown Menu

Another Fisheye

Frame-by-Frame Animation (Hover to Play)

Another Accordion

AT-AT Walker (No Flash or Javascript)