Animation and transition together?

Question

css

Example: https://jsfiddle.net/vnecj1jp/3
In this case, the transition doesn't work at all on hover. What can be done?

Answer 1

It is not entirely clear what effect should be in the end, for example, this option
https://jsfiddle.net/pab6dfg2/1/