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

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

CSS3 Clock With jQuery

css3

Another Image Gallery

image

Sliding Vinyl

sliding

3D Cube That Rotates Using Arrow Keys

3d

Multiple 3D Cubes (Slide In/Out)

multiple

CSS3 Accordion

css3

Auto-Scrolling Parallax

auto

Isocube

isocube

Image Gallery

image

Matrix

matrix

7 Javascript-effect Alternatives Using CSS3

javascript

Image Hover Effects

css3

Turning Coke Can (Control With Scrollbar)

coke

3D Meninas

3d

Polaroid Gallery

polaroid

Space

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

Mac Dock

css3

Drop-In Modals

drop

Zooming Polaroids

zooming

Animated Rocket

animated

Poster Circle

poster

Morphing Cubes

morphing

Analogue Clock

analogue

Falling Leaves

falling

Animated Polaroid Gallery

polaroid

Spotlight Cast Shadow

spotlight

Colorful Clock

colorful

Lightbox Gallery (Draggable)

css3

Elastic Thumbnail Menu

elastic

Coverflow

coverflow

Snowflakes

snow

jQuery DJ Hero

dj

Dynamic Stacking Cards

stacking

Snow Stack (Control With Arrow Keys)

snow

Animated Pricing Column

animated

Slick jQuery Menu

slick

CSS3

sticky

CSS Tabs Without Javascript

css

Tab Menus Without Javascript

tab

SVG Fisheye Menu

fisheye

Dynamic Presentation Without Flash

dynamic

Rotating Gallery

rotating

Dropdown Menu

dropdown

Frame-by-Frame Animation (Hover to Play)

css3

Another Accordion

another

AT-AT Walker (No Flash or Javascript)

css3

Another Fisheye

fisheye

你可能感兴趣的:(浏览器,能力,多,休闲,奇妙)