I want to do when you hover over the block, lower it from the middle and sides left the band.
Will explain below, see example: https://jsfiddle.net/ccopdwvh/
Created a pseudo-element is put him in the middle, so it was not visible, and when administered via trnansition stretched its parent element, and change the color. The problem is that is not working smooth animations, I need to strip from the middle, gradually out to the edges.
Thought to put a pseudo-El. in the middle, give it width:0; margin:0 auto; and when you hover width:100%; but this is also not working.