Как сделать чтобы после эффекта transition блок менялся?

[exoslam]

У меня есть код:

transition-property: rotate;
transition: 6s;

height: 300px;
display: block;
padding: 3px;
background: url('978x.jpg' );
color: #FC3604;
font-family: comic;
font-size: 55px;
text-align:center;

Подскажите можно ли сделать ( и как) чтобы после вращения картинка менялась.
И если возможно можно ли как нибудь поменять блок. То есть чтобы после вращения шло допустим видео?
Заранее спасибо.