【CSS】看过来！transition属性应慎用这个值！

<!-- 搜索框 -->
<div id="box_search">任务状态:
<select>
<option>全部</option>
<option>任务可报名</option>
<option>任务已报名</option>
<option>任务已启动</option>
<option>任务已结束</option>
</select>
指导老师:
<input type="text" placeholder="请输入老师名称"></div>

#box_search{
width: 50%;
height: 100%;
/* background: red;*/
display: flex;
align-items: center;
justify-content: center;
}
#box_search select{
background: #313131;
color: #eeeeee;
border: 0;
border-left: 8px ridge #ca3e47;
padding: 0.5em 1em;
border-radius: 5px;
transition: all 1s ease-in;
outline: none;
}

#box_search input{
background: #313131;
color: #eeeeee;
border: 0;
border-left: 8px ridge #ca3e47;
padding: 0.5em;
border-radius: 5px;
transition: all 1s ease;
letter-spacing: 1px;
text-align: center;
outline: none;
}
#box_search input:focus{
transform: scale(1.1);
box-shadow: 0 -10px 8px #525252 inset;
transition: all 0.7s ease;
}