1 Star 0 Fork 81

丶Leaves°/前端页面效果合集

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
Input 输入框聚焦变宽 768 Bytes
一键复制 编辑 原始数据 按行查看 历史
木兰君 提交于 2020-09-19 15:46 . add Input 输入框聚焦变宽.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.search {
width: 80px;
height: 40px;
border-radius: 40px;
border: 2px solid lightblue;
position: absolute;
right: 200px;
outline: none;
text-indent: 12px;
color: #666;
font-size: 16px;
padding: 0;
transition: width 0.5s;
}
.search:focus {
width: 200px;
}
</style>
</head>
<body>
<input class="search" type="text" placeholder="搜索...">
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/QM_C/front_page_effect_collection.git
[email protected]:QM_C/front_page_effect_collection.git
QM_C
front_page_effect_collection
前端页面效果合集
master

搜索帮助