css 关于 css focus中变化

关于css中 focus动画的变化有点晕

这是我写的一个界面中
input想让他在点击后变化（左右变化的长度是一样的） 但是不知道怎么实现 尝试好多 但只是一边变长