Как сделать при фокусе на input тень или градиент с затуханием по краям?

Question

[Мариана Марианова]

Подскажите пожалуйста как сделать при фокусе на input такую тень или градиент, только чтобы по бокам происходило затухание joxi.ru/gmv7WYpuL5av12

Код на codepen примерно то что нужно https://codepen.io/anon/pen/gjXqXO , но посередине какой-то белый просвет появляется.

Нужен градиент голубого цвета (#328585) - от центра и к краям постепенно затухает.

P.S Кому интересно здесь правильное решение https://codepen.io/anon/pen/pZpJEN

Answer 1

[Сергей delphinpro]

Что-то вы перемудрили
https://codepen.io/anon/pen/NBXWvX?editors=1100

Comments

[Мариана Марианова]

Мне просто нужно, чтобы при фокусе на input была анимация - тень появлялась от середины input к краям. Поэтому и нужна была эта заморочка с дополнительными div. И тень не такая однотонная, а с затуханием к бокам.
p.s вот https://codepen.io/anon/pen/pZpJEN сделала как нужно