45个十分奇特的CSS3 特点运用示例

2021-01-20 13:19 jianzhan
这篇文本搜集了45个令人感觉不能思议的 CSS3 运用示例,它们认证了 CSS3 Transform 和 Transition 等特性的强劲工作能力。伴随着愈来愈多的访问器对 CSS3 适用的持续健全,设计方案师和开发设计者们有了更多的挑选,之前必须应用 JavaScript 才可以完成的各种各样很酷的页面实际效果和动漫,现如今应用纯 CSS 编码便可以很非常容易完成。

CSS3 Clock With jQuery

Another Image Gallery

Sliding Vinyl

三d Cube That Rotates Using Arrow Keys

Multiple 三d 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)

三d Meninas

Polaroid Gallery

Space

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

Mac Dock

Drop-In Modals

Zooming Polaroids

Animated Rocket

Poster Circle

Morphing Cubes

Analogue Clock

Falling Leaves

Animated Polaroid Gallery

Spotlight Cast Shadow

Colorful Clock

Lightbox Gallery (Draggable)

Elastic Thumbnail Menu

Coverflow

Snowflakes

jQuery DJ Hero

Dynamic Stacking Cards

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

Frame-by-Frame Animation (Hover to Play)

Another Accordion

AT-AT Walker (No Flash or Javascript)

Another Fisheye