结构：

<form class="demo-a">
    <input placeholder="Search" type="search">
</form>

关键样式：

.demo-a input{width: 15px; border-radius: 10em; transition: all 0.5s ease 0s;}

.demo-a input:focus{width: 130px; box-shadow: 0 0 5px rgba(109,207,246,.5);}

最新文章

1. 如何在 Evernote 中支持代码高亮
2. 判断是否安装APP
3. python基础-牛逼的三层循环，实现想在那里退出，就在那里退出。
4. Linux shell ”Press any key to continue ”功能实现
5. Python查找当前路径和子路径下指定后缀名的文件
6. （旧）子数涵数&#183;PS ——素描效果
7. .NET生成word文档服务器配置常见问题
8. [sinatra] Sinatra再入门
9. Entity Framework 全面教程详解（转）
10. Ext2.0之Tabpanel AJAX远程加载多标签页面模式开发技巧
11. Qt Style Sheets制作UI特效
12. Windows下使用XManager访问Ubuntu 11.04的设置方法
13. linux搭建java环境
14. 生产环境使用Nginx+uwsgi部署Django
15. maven 项目 pom.xml文件中配置的jar包下载报错
16. 第一份开发工作，边学边做android
17. 折腾Java设计模式之状态模式
18. 嵌入式系统及应用课程设计——基于STM32的温湿度监测系统
19. 项目中常用的SQL语句（SQL SERVER2008R2专版）
20. R语言-散点图进阶

热门文章

1. HIHO 线段树(单点)
2. Android notifications通知栏的使用
3. JavaSE复习_10 多线程复习
4. Android 视频投射之NanoHTTPD
5. Poco C++——HTTP的post请求和get请求
6. linux mount命令的用法详细解析
7. urllib.error.HTTPError: HTTP Error 403: Forbidden
8. WCF配置详解
9. Asp.Net_Web身份验证
10. python剑指网络篇一