首页 > Web开发 > 详细

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

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

CSS3 Clock With jQuery

技术分享

Another Image Gallery

技术分享

Sliding Vinyl

技术分享

3D Cube That Rotates Using Arrow Keys

技术分享

Multiple 3D 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)

技术分享

3D 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

技术分享

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

原文:http://www.jb51.net/css/41015.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!