|
这篇文字收集了45个让人觉得不可思议的 CSS3 应用示例，它们验证了 CSS3 Transform 和 Transition 等属性的强大能力
这篇文字收集了45个让人觉得不可思议的 CSS3 应用示例，它们验证了 CSS3 Transform 和 Transition 等属性的强大能力。随着越来越多的浏览器对 CSS3 支持的不断完善，设计师和开发者们有了更多的选择，以前需要使用 JavaScript 才能实现的各种很酷的界面效果和动画，如今使用纯 CSS 代码就可以很容易实现。
CSS3 Clock With jQuery
2012010112125023.jpg
Another Image Gallery
2012010112125024.jpg
Sliding Vinyl
2012010112125025.jpg
3D Cube That Rotates Using Arrow Keys
2012010112125026.jpg
Multiple 3D Cubes (Slide In/Out)
2012010112125027.jpg
CSS3 Accordion
2012010112125028.jpg
Auto-Scrolling Parallax
2012010112125029.jpg
Isocube
2012010112125030.jpg
Image Gallery
2012010112125031.jpg
Matrix
2012010112125032.jpg
7 Javascript-effect Alternatives Using CSS3
2012010112125033.jpg
Image Hover Effects
2012010112125034.jpg
Turning Coke Can (Control With Scrollbar)
2012010112125035.jpg
3D Meninas
2012010112125036.jpg
Polaroid Gallery
2012010112125037.jpg
Space
Note: this one is graphic intense and takes a while to load, but the result is crazy!
2012010112125038.jpg
Mac Dock
2012010112125039.jpg
Drop-In Modals
2012010112125040.jpg
Zooming Polaroids
2012010112125041.jpg
Animated Rocket
2012010112125042.jpg
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
| 
发表于 2012-1-1 12:15:08
