rapkin

Михаил Горячкин уже написал решение, но из-за высоты элемента с треугольником, получим смещение (на скриншоте).
Здесь переписано с использованием абсолютного позиционирования (в IE должно работать)
codepen.io/anon/pen/jEQNjW?editors=010

для анимирования используется свойство transition. для сложных анимаций www.w3schools.com/css/css3_animations.asp
если я правильно понял ваше требование, то код реализующий описанный эффект можно посмотреть здесь jsfiddle.net/psj9a3y7

<sarcasm>
попробуйте перезапустить компьютер
</sarcasm>