CSS3 为 Web 开发带来了非常令人兴奋的变化，特别是 CSS 3D 转换、动画等特性的支持，可以轻松的创建很酷的 Web 效果。
CSS3新增添了实现动画效果的新功能，通过本文，你可以对这些新功能有个初步了解。今天就分享一些悬停效果，可以更好的帮助你开发
DEMO
HTML标记
这个简单的结构使我们能够使这些效果。正如你可以看到下面的代码中我们创建了一个父类视图，里面的内容。然后，我们创建一个类的面具，我们将了CSS3过渡到悬停效果。在后面的例子中，这个语法可以稍稍发生变化，这取决于你想要的效果应用。
1 <div class="vi......
1.Banner的故事
Banner设计可以说是我日常工作中最主要的一块需求，banner不比大型项目，从设计成本上来讲不可能给太多的时间给设计师，所以这也引发了我对如何更有效率地完成一个banner的思考。我觉得构成banner的重点主要有三个方面，即风格，排版以及配色。我个人的习惯是先定风格，再做大致的排版和配色，然后根据整体再来调整，最后再优化细节。
2.CSS命名规范
3.55个超炫的注册页设计前端集锦
4.电子商务门户界面设计总结
5.倾听色彩的声音
6.信息设计中的“父子关系
7.30个超棒的视差滚动（Parallax Scrolling）
8.时......
如题，给大家介绍和讲解几个常用的CSS3属性，并用到实处。
先看demo（请使用Chrome或者Firefox浏览，IE的靠边）：
点此查看实例
觉得爽的可以继续阅读下面的知识点，感觉不爽的可绕行。
使用基础的Html和CSS写出雏形
需要一提的是头像（img）的排版。给外面a标签padding-left:;，img自身float:left;margin-left:;，这种写法避免了不少因浮动产生的问题，且代码简明，推荐适当的使用此方法。
使用并解说所用CSS3
接下来给大家说说这个读者墙所应用到的css3属性，及其具体的使用方法，老鸟可以飞了。
渐变：
background......
浮出层是web页面中经常用到的功能，带有小小尖角的浮出层则更为生动，所以今天带给大家的是有角的浮出层，一起看看吧！
点此查看实例展示
是的，我们即将实现的就是以上功能，是不是很生动？
贴上HTML：
<div class="poptip">
<span class="poptip-arrow poptip-arrow-top"><em>◆</em><i>◆</i></span>
<span class="poptip-arrow poptip-arrow-right"><em>◆</em><i>◆</i></span>
<span class="poptip-arrow poptip-arrow-bottom......
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>定义input type=”file” 的样式</title>
<style type=”text/css”>
body{ font-size:14px;}
input{ vertical-align:middle; margin:0; padding:0}
.file-box{ position:relative;width:340px}
.txt{ height:22px; border:1px solid #cdcdcd; width:180px;}
.btn{ background-color:#FFF; border:1px solid #CDCDCD;height:......