Vlad Lavrik

Если задать 45 град. , а потом на половине пути еще 90, то в итоге будет именно 90, так как нельзя "добавить" поворот(translate:rotate), его можно только "задать".
Изменение произойдет за полторы секунды в итоге.

Если фон однотонный - просто заливаем блок с текстом цветом аналогичным фону.
Если нет - то верхние обрезанные бордеры - это отдельные элементы, с position absolute, для того что бы не засорять HTML, лучше использовать ::afrter и ::before псевдоэлементы.