css 实现input 获得焦点时 placeholder向上移动并且输入框下边框样式改变

Question

效果如图所示，想参考这个网站输入框做出这样的效果，请教一下有啥前端插件么，谢谢

Answer 1

据我所知，placeholder是不能移动位置的吧？
看下这个网站代码就知道，它并不是placeholder，也不是value，而是一个label标签定位到那里。
所以就简单了,input获得焦点的时候label做一个0.5秒的向上移动的动画就行了

--Update--

https://jsfiddle.net/qichengzx/zc91Lyx7/3/

写了个demo

Answer 2

demo如下

https://jsfiddle.net/0Lpjqa28/4/