利用CSS3的transition属性制作可伸缩的输入框

今天在给 家乡美 jiaxiangmei.org 安装 WordPress 时,看了一下其自带的主题 Twenty Eleven,感觉此主题相当炫啊,采用HTML5和CSS3制作,有很多代码值得我们自己研究一下,今天先看一下其 搜索框 代码,此搜索框在活得输入焦点时,能够自动伸长,效果很好。

利用CSS3的transition属性制作可伸缩的输入框 预览

利用CSS3的transition属性制作可伸缩的输入框

Html5 模板

相对于Html4,Html5在语法上做了较大变动,并且新增了大量新的标签,使得代码更加简洁但功能更加强大。虽然说Html5变动较大,但有Html基础的人依然很容易转到Html5,下面提供了一个基本的Html5模板,并附加了详细说明,希望能让你快速上手。

CSS3 内阴影(inset)代码

缺省情况下,使用CSS3 的 Box Shadow 属性生成的阴影效果是外阴影,如果想要生成内阴影效果,只需在代码中添加  inset 属性即可。

无觅相关文章插件,快速提升流量

任鸟飞网页设计博客 谜题推理 No.1 Web Design Gallery IndustryIdea LookForDesign AWebGallery Mobile Web Template iDesign Wallpaper Big Funny Picture iPhone Faves iPhone Mobi iPad Faves Android Faves BlackBerry Faves Best Design Magazine All Banner Templates Blog Earn Tips 是谁啊 只爱美人 家乡美 唯美爱 美人衣妆 AutoCAD 2D | Pro/E 3D江苏名企The HTML5 Templates