У Вас нет изменения цвета с красного на зеленый.
Есть 2 блока, один красный, другой зеленый и у них меняется display. (Правда в Вашем коде появления красного блока я не добилась)
display не анимируется с помощью transition, только opacity, либо JS/JQ.
