Jak zrobić płynne przejście w pseudoelemencie atfer

Próbowałem lecz nie wychodzi -> http://jsbin.com/nebopowu/2/edit

Tak tego nie zrobisz, ten element był zaprojektowany do działania “skokowego”. Zapoznaj się z pojęciem key frames i tym http://www.w3schools.com/css/css3_animations.asp