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

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

CSS3 Clock With jQuery

45个非常奇妙的CSS3 特性应用示例_第1张图片

Another Image Gallery

45个非常奇妙的CSS3 特性应用示例_第2张图片

Sliding Vinyl

45个非常奇妙的CSS3 特性应用示例_第3张图片

3D Cube That Rotates Using Arrow Keys

45个非常奇妙的CSS3 特性应用示例_第4张图片

Multiple 3D Cubes (Slide In/Out)

45个非常奇妙的CSS3 特性应用示例_第5张图片

CSS3 Accordion

45个非常奇妙的CSS3 特性应用示例_第6张图片

Auto-Scrolling Parallax

45个非常奇妙的CSS3 特性应用示例_第7张图片

Isocube

45个非常奇妙的CSS3 特性应用示例_第8张图片

Image Gallery

45个非常奇妙的CSS3 特性应用示例_第9张图片

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张图片

你可能感兴趣的:(45个非常奇妙的CSS3 特性应用示例)