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



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

CSS3 Clock With jQuery

​​45个非常奇妙的 CSS3 特性应用示例_css3​​

Another Image Gallery

​​45个非常奇妙的 CSS3 特性应用示例_css_02​​

Sliding Vinyl

​​45个非常奇妙的 CSS3 特性应用示例_jquery_03​​

3D Cube That Rotates Using Arrow Keys

​​45个非常奇妙的 CSS3 特性应用示例_CSS3动画示例_04​​

Multiple 3D Cubes (Slide In/Out)

​​45个非常奇妙的 CSS3 特性应用示例_javascript_05​​

CSS3 Accordion

​​45个非常奇妙的 CSS3 特性应用示例_CSS3动画示例_06​​

Auto-Scrolling Parallax

​​45个非常奇妙的 CSS3 特性应用示例_jquery_07​​

Isocube

​​45个非常奇妙的 CSS3 特性应用示例_javascript_08​​

Image Gallery

​​45个非常奇妙的 CSS3 特性应用示例_css_09​​

Matrix

​​45个非常奇妙的 CSS3 特性应用示例_jquery_10​​

7 Javascript-effect Alternatives Using CSS3

​​45个非常奇妙的 CSS3 特性应用示例_CSS3动画示例_11​​

Image Hover Effects

​​45个非常奇妙的 CSS3 特性应用示例_jquery_12​​

Turning Coke Can (Control With Scrollbar)

​​45个非常奇妙的 CSS3 特性应用示例_css3_13​​

3D Meninas

​​45个非常奇妙的 CSS3 特性应用示例_css3_14​​

Polaroid Gallery

​​45个非常奇妙的 CSS3 特性应用示例_jquery_15​​

Space

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

​​45个非常奇妙的 CSS3 特性应用示例_jquery_16​​

Mac Dock

​​45个非常奇妙的 CSS3 特性应用示例_jquery_17​​

Drop-In Modals

​​45个非常奇妙的 CSS3 特性应用示例_javascript_18​​

Zooming Polaroids

​​45个非常奇妙的 CSS3 特性应用示例_css3_19​​

Animated Rocket

​​45个非常奇妙的 CSS3 特性应用示例_css3_20​​

Poster Circle

​​45个非常奇妙的 CSS3 特性应用示例_css3_21​​

Morphing Cubes

​​45个非常奇妙的 CSS3 特性应用示例_css3_22​​

Analogue Clock

​​45个非常奇妙的 CSS3 特性应用示例_jquery_23​​

Falling Leaves

​​45个非常奇妙的 CSS3 特性应用示例_jquery_24​​

Animated Polaroid Gallery

​​45个非常奇妙的 CSS3 特性应用示例_css3_25​​

Spotlight Cast Shadow

​​45个非常奇妙的 CSS3 特性应用示例_css3_26​​

Colorful Clock

​​45个非常奇妙的 CSS3 特性应用示例_javascript_27​​

Lightbox Gallery (Draggable)

​​45个非常奇妙的 CSS3 特性应用示例_jquery_28​​

Elastic Thumbnail Menu

​​45个非常奇妙的 CSS3 特性应用示例_CSS3动画示例_29​​

Coverflow

​​45个非常奇妙的 CSS3 特性应用示例_css3_30​​

Snowflakes

​​45个非常奇妙的 CSS3 特性应用示例_CSS3动画示例_31​​

jQuery DJ Hero

​​45个非常奇妙的 CSS3 特性应用示例_css3_32​​

Dynamic Stacking Cards

​​45个非常奇妙的 CSS3 特性应用示例_css_33​​

Snow Stack (Control With Arrow Keys)

​​45个非常奇妙的 CSS3 特性应用示例_css3_34​​

Animated Pricing Column

​​45个非常奇妙的 CSS3 特性应用示例_css3_35​​

Slick jQuery Menu

​​45个非常奇妙的 CSS3 特性应用示例_css3_36​​

CSS3

​​45个非常奇妙的 CSS3 特性应用示例_css_37​​

CSS Tabs Without Javascript

​​45个非常奇妙的 CSS3 特性应用示例_css_38​​

Tab Menus Without Javascript

​​45个非常奇妙的 CSS3 特性应用示例_javascript_39​​

SVG Fisheye Menu

​​45个非常奇妙的 CSS3 特性应用示例_CSS3动画示例_40​​

Dynamic Presentation Without Flash

​​45个非常奇妙的 CSS3 特性应用示例_CSS3动画示例_41​​

Rotating Gallery

​​45个非常奇妙的 CSS3 特性应用示例_css_42​​

Dropdown Menu

​​45个非常奇妙的 CSS3 特性应用示例_javascript_43​​

Frame-by-Frame Animation (Hover to Play)

​​45个非常奇妙的 CSS3 特性应用示例_CSS3动画示例_44​​

Another Accordion

​​45个非常奇妙的 CSS3 特性应用示例_css3_45​​

AT-AT Walker (No Flash or Javascript)

​​45个非常奇妙的 CSS3 特性应用示例_CSS3动画示例_46​​

Another Fisheye

​​45个非常奇妙的 CSS3 特性应用示例_jquery_47​​

​​45个非常奇妙的 CSS3 特性应用示例_jquery_48​​

​​本博客新站点 ◆ 前端里 ◆ 欢迎围观：）​​

作者：山边小溪

主站：​​yyyweb.com​​ 记住啦：）

欢迎任何形式的转载，但请务必注明出处。