PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> CSS >> 

21 个新鲜的 CSS 3 教程与技巧

21 个新鲜的 CSS 3 教程与技巧

来源:PHP程序员站  作者:PHP程序员站  发布时间:2011-05-28
CSS3 已经变得很流行。大部分的浏览器比如IE7、IE8、Safari、Firefox和Chrome,都支持新的CSS3属性。CSS3有非常多的web和移动方面的功能。 本文列出21个新鲜的CSS3教程和技巧,供大家学习、交流。 1. iPhone slide to unlock Text in WebKit/CSS3 iPhone的滑动解锁的文

CSS3 已经变得很流行。大部分的浏览器比如IE7、IE8、Safari、Firefox和Chrome,都支持新的CSS3属性。CSS3有非常多的web和移动方面的功能。

本文列出21个新鲜的CSS3教程和技巧,供大家学习、交流。

1.iPhone “slide to unlock” Text in WebKit/CSS3

iPhone的滑动解锁的文本效果。

css3-12

View Live Demo

2.How to use Multiple backgrounds and Animation with CSS3

CSS3 ,可以实现对象的多背景,以及简单的动画效果。

css3-2

View Live Demo

3.Advanced (yet awesome) pure CSS3 boxes without using images

纯CSS3的效果,如下图,好似Photoshop制作。css3-3

View Live Demo

4.Pure CSS Sliding Image Gallery

纯CSS制作的图片滑动效果。

css3-24

View Live Demo

5.Making a CSS3 Animated Menu

CSS3的动画按钮。

css3-6

View Live Demo

6.How to Build Cross-Browser HTML5 Forms

创建跨浏览器的HTML5表单。

css3-7

View Live Demo

7.Styling pretty buttons with only CSS3

CSS3按钮效果。

css3-8

View Live Demo

8.Animated wicked CSS3 3d bar chart

非常漂亮的3D效果。

css3-9

View Live Demo

9.Create A Clean and Stylish CSS3 Contact Form

简洁的联系人表单。

css3-10

View Live Demo

10.Phone Style Checkboxes With CSS3

CSS3验证表单。

css3-11

View Live Demo

 
延伸阅读:
css3.0中文手册
CSS 3 灵活的 Box Model
CSS圆角在CSS2和CSS3里的实现方法
CSS 3 备受期待的八大新功能介绍
用CSS3制作网页下拉菜单代码
CSS3的简单又实用的3个属性
各大浏览器CSS3和HTML5兼容速查表
CSS3常见的开发工具收集整理
FLASH的终结者 47个惊人的CSS3动画演示
css3.0新属性效果在ie下的解决方案
CSS3属性box-shadow实现阴影效果教程
css3中圆角和阴影的实验
CSS3 Media Queries 详解
令人难以置信的纯 CSS3 图标欣赏
css3:background属性调整增强
让IE支持CSS3圆角的方法
2011年Web设计趋势:CSS3+HTML5居首位
12组免费的CSS3按钮强力推荐
推荐12个漂亮的CSS3按钮实现方案
3款新鲜的CSS3&HTML5框架

Tags: css3   教程   技巧  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号