这篇文字收集了45个让人觉得不可思议的 CSS3 应用示例,它们验证了 CSS3 Transform 和 Transition 等属性的强大能力。随着越来越多的浏览器对 CSS3 支持的不断完善,设计师和开发者们有了更多的选择,以前需要使用 JavaScript 才能实现的各种很酷的界面效果和动画,如今使用纯 CSS 代码就可以很容易实现。

CSS3 Clock With jQuery

45个非常奇妙的 CSS3 特性应用示例_能力

Another Image Gallery

45个非常奇妙的 CSS3 特性应用示例_多_02

Sliding Vinyl

45个非常奇妙的 CSS3 特性应用示例_能力_03

3D Cube That Rotates Using Arrow Keys

45个非常奇妙的 CSS3 特性应用示例_多_04

Multiple 3D Cubes (Slide In/Out)

45个非常奇妙的 CSS3 特性应用示例_奇妙_05

CSS3 Accordion

45个非常奇妙的 CSS3 特性应用示例_多_06

Auto-Scrolling Parallax

45个非常奇妙的 CSS3 特性应用示例_奇妙_07

Isocube

45个非常奇妙的 CSS3 特性应用示例_能力_08

Image Gallery

45个非常奇妙的 CSS3 特性应用示例_奇妙_09

Matrix

45个非常奇妙的 CSS3 特性应用示例_能力_10

7 Javascript-effect Alternatives Using CSS3

45个非常奇妙的 CSS3 特性应用示例_能力_11

Image Hover Effects

45个非常奇妙的 CSS3 特性应用示例_多_12

Turning Coke Can (Control With Scrollbar)

45个非常奇妙的 CSS3 特性应用示例_多_13

3D Meninas

45个非常奇妙的 CSS3 特性应用示例_多_14

Polaroid Gallery

45个非常奇妙的 CSS3 特性应用示例_浏览器_15

Space

Note: this one is graphic intense and takes a while to load, but the result is crazy!
45个非常奇妙的 CSS3 特性应用示例_浏览器_16

Mac Dock

45个非常奇妙的 CSS3 特性应用示例_能力_17

Drop-In Modals

45个非常奇妙的 CSS3 特性应用示例_能力_18

Zooming Polaroids

45个非常奇妙的 CSS3 特性应用示例_多_19

Animated Rocket

45个非常奇妙的 CSS3 特性应用示例_奇妙_20

Poster Circle

45个非常奇妙的 CSS3 特性应用示例_休闲_21

Morphing Cubes

45个非常奇妙的 CSS3 特性应用示例_浏览器_22

Analogue Clock

45个非常奇妙的 CSS3 特性应用示例_多_23

Falling Leaves

45个非常奇妙的 CSS3 特性应用示例_奇妙_24

Animated Polaroid Gallery

45个非常奇妙的 CSS3 特性应用示例_能力_25

Spotlight Cast Shadow

45个非常奇妙的 CSS3 特性应用示例_能力_26

Colorful Clock

45个非常奇妙的 CSS3 特性应用示例_浏览器_27

Lightbox Gallery (Draggable)

45个非常奇妙的 CSS3 特性应用示例_休闲_28

Elastic Thumbnail Menu

45个非常奇妙的 CSS3 特性应用示例_休闲_29

Coverflow

45个非常奇妙的 CSS3 特性应用示例_休闲_30

Snowflakes

45个非常奇妙的 CSS3 特性应用示例_休闲_31

jQuery DJ Hero

45个非常奇妙的 CSS3 特性应用示例_能力_32

Dynamic Stacking Cards

45个非常奇妙的 CSS3 特性应用示例_浏览器_33

Snow Stack (Control With Arrow Keys)

45个非常奇妙的 CSS3 特性应用示例_能力_34

Animated Pricing Column

45个非常奇妙的 CSS3 特性应用示例_浏览器_35

Slick jQuery Menu

45个非常奇妙的 CSS3 特性应用示例_能力_36

CSS3

45个非常奇妙的 CSS3 特性应用示例_能力_37

CSS Tabs Without Javascript

45个非常奇妙的 CSS3 特性应用示例_能力_38

Tab Menus Without Javascript

45个非常奇妙的 CSS3 特性应用示例_浏览器_39

SVG Fisheye Menu

45个非常奇妙的 CSS3 特性应用示例_能力_40

Dynamic Presentation Without Flash

45个非常奇妙的 CSS3 特性应用示例_休闲_41

Rotating Gallery

45个非常奇妙的 CSS3 特性应用示例_奇妙_42

Dropdown Menu

45个非常奇妙的 CSS3 特性应用示例_奇妙_43

Frame-by-Frame Animation (Hover to Play)

45个非常奇妙的 CSS3 特性应用示例_奇妙_44

Another Accordion

45个非常奇妙的 CSS3 特性应用示例_奇妙_45

AT-AT Walker (No Flash or Javascript)

45个非常奇妙的 CSS3 特性应用示例_能力_46

Another Fisheye

45个非常奇妙的 CSS3 特性应用示例_浏览器_47