举例详解CSS3中的Transition

1.会伸缩的搜索表单

常在 sf.gg 混的人都知道，它的顶部导航栏是这样的：

当输入框获得焦点就会变成这样的：

利用 CSS3 的 Transition 属性，我们可以简单做出一个类似的搜索表单出来：

HTML 标记：

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表