Css transition Sorunu

https://www.youtube.com/watch?v=Slz71kf8fgQ&feature=youtu.be

Videoda da gözüktüğü gibi sorun  transition yani yumuşak geçiş esnasında gerçekleşiyor. Sayfa ilk açıldığında renk değişik bir hal alıyor. Bu sorun sayfaya input ekleyince oluşuyor. Bu sorunun çözümü nedir?

-webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;