Анимация на html и CSS

1. Выполнить преобразования и анимацию в соответствии с вариантом двумя способами: с помощью свойств transition и animation.
2. Определить наиболее оптимальный вариант с точки зрения кода и целесообразности использования свойства.

Мой вариант: Объект: прямоугольник. Цвет постепенно меняется в последователь-ности: красный – синий – зеленый – желтый – фиолетовый – красный. Во второй половине анимации добавляется поворот против часовой стрелки по оси Y и положительный наклон по оси Z. По окончании анимации все возвращается в исходное состояние в обратном порядке.

Необходимо четко следовать методическим указаниям: стр 13-14

Требования к оформлению HTML и CSS: стр 19-25

Отчет напишу сам, от вас только корректный код.