changePosition имеет delay 1s чтобы куб остановился и перешёл в нужное место при помощи transition. (можешь сократить время transition и задержку можно сократить)
rotate360 имеет delay именно на эти 2 секунды и тогда начинает действовать
P.S. transition тоже нужно учесть, поэтому и делаются animation-delay
ennet: Работает просто transition только окончает действие, если нужно переместить элемент это нужно сделать сначала, а потом начать второе. (посмотри по ссылке у меня есть и transition и @keyframes в .icon-1)
Артур Черешнюк: На самом деле :after и :before не могут быть заданы изменяемым елементам (replaced element) "таким которые изменяются в зависимости от внешнего фактора, т.е. догружаются" пр.
<img>, <object>, <video>,<audio>, <canvas>
и элементы формы: <button>, <textarea>, <input>, and <select>
eldar_web: Мой совет как тебе будет легче всего:
Оформи данные как считаешь нужным в Exсel'е, сохрани в xml и открой его в текстовом редакторе (напр. notepad++). Сразу и шаблон получишь и много нового узнаешь, только полностью не копируй, только части которые тебя интересуют.(не засоряй свой шаблон всем что посылает Exсel) Если что будет непонятно и не сможешь найти в поисковиках, вот тогда и спрашивай...