CSS3已经变得很流行。大部分的浏览器比如IE7、IE8、Safari、Firefox和Chrome,都支持新的CSS3属性。CSS3有非常多的web和移动方面的功能。
1.iPhone “slide to unlock” Text in WebKit/CSS3
iPhone的滑动解锁的文本效果。
![clip_image001](http://www.dedecms8.com/uploads/allimg/c120207/132UFCG50-15630.jpg)
View Live Demo
2.How to use Multiple backgrounds and Animation with CSS3
CSS3 ,可以实现对象的多背景,以及简单的动画效果。
![clip_image002](http://www.dedecms8.com/uploads/allimg/c120207/132UFCIF-2F16.jpg)
View Live Demo
3.Advanced (yet awesome) pure CSS3 boxes without using images
纯CSS3的效果,如下图,好似Photoshop制作。
![\](http://www.dedecms8.com/uploads/allimg/c120207/132UFCK50-31346.jpg)
View Live Demo
4.Pure CSS Sliding Image Gallery
纯CSS制作的图片滑动效果。
![clip_image004](http://www.dedecms8.com/uploads/allimg/c120207/132UFCL40-43391.jpg)
View Live Demo
5.Making a CSS3 Animated Menu
CSS3的动画按钮。
![clip_image005](http://www.dedecms8.com/uploads/allimg/c120207/132UFCMF-5B25.jpg)
View Live Demo
6.How to Build Cross-Browser HTML5 Forms
创建跨浏览器的HTML5表单。
![clip_image006](http://www.dedecms8.com/uploads/allimg/c120207/132UFCNF-DD2.jpg)
View Live Demo
7.Styling pretty buttons with only CSS3
CSS3按钮效果。
![clip_image007](http://www.dedecms8.com/uploads/allimg/c120207/132UFCO60-M160.jpg)
View Live Demo
8.Animated wicked CSS3 3d bar chart
非常漂亮的3D效果。
![clip_image008](http://www.dedecms8.com/uploads/allimg/c120207/132UFCP30-X612.jpg)
View Live Demo
9.Create A Clean and Stylish CSS3 Contact Form
简洁的联系人表单。
![clip_image009](http://www.dedecms8.com/uploads/allimg/c120207/132UFCQ20-96395.jpg)
View Live Demo
10.Phone Style Checkboxes With CSS3
CSS3验证表单。
![clip_image010](http://www.dedecms8.com/uploads/allimg/c120207/132UFCQ60-102957.jpg)
View Live Demo
11.Animated Sprites with CSS3 Transitions
CSS3 动画,准确的说,CSS3转换,不需要JavaScript。
![clip_image011](http://www.dedecms8.com/uploads/allimg/c120207/132UFCR30-1122E.jpg)
View Live Demo
12.CSS3 Flying Menu
CSS3按钮效果。
![clip_image012](http://www.dedecms8.com/uploads/allimg/c120207/132UFCRZ-125030.jpg)
View Live Demo
13.Popout Details on Hover w/ CSS
弹出效果,非常不错,很容易被实现。
![clip_image013](http://www.dedecms8.com/uploads/allimg/c120207/132UFCSF-13ZV.jpg)
View Live Demo
14.HTML5 & CSS3 readiness
![clip_image014](http://www.dedecms8.com/uploads/allimg/c120207/132UFCU10-145508.jpg)
View Live Demo
15.CSS3 Button Maker
CSS3,按钮制作,可以通过拖曳等,制作漂亮的CSS,为了你的按钮。
![clip_image015](http://www.dedecms8.com/uploads/allimg/c120207/132UFCV10-153516.jpg)
View Live Demo
16.Fancy Image Hover Using CSS3
CSS3制作的悬停效果,见下图。这可不是jquery做的哦。
![clip_image016](http://www.dedecms8.com/uploads/allimg/c120207/132UFCVP-1Ab9.jpg)
View Live Demo
17.Creating A Rocking CSS3 Search Field
CSS3搜索域,该案例涉及到多个CSS3属性
![\](http://www.dedecms8.com/uploads/allimg/c120207/132UFCWF-1GA7.jpg)
View Live Demo
18.Fading Button Background Images With CSS3 Transitions
这个变换效果,会再次让你以为是用flash制作的。
![\](http://www.dedecms8.com/uploads/allimg/c120207/132UFCX30-1U311.jpg)
View Live Demo
19.Super Cool CSS Flip Effect with Webkit Animation
超酷的动画/转换效果。
![clip_image019](http://www.dedecms8.com/uploads/allimg/c120207/132UFCXP-191615.jpg)
View Live Demo
20.Build a HTML5/CSS3 Website Layout without Images