переходы CSS3, объединяющие в цепочку

, Что синтаксически чистое решение состоит в том, чтобы выполнить цепочку переходов индивидуума CSS3 на единственном элементе, один за другим? Пример:

• набор, оставленный 10 пкс и непрозрачность к 1 - 200 мс
• набор, оставленный 30 пкс через 500 мс
• набор, оставленный 50 пкс и непрозрачность к 0 через 200 мс

, это может быть сделано без JavaScript? В противном случае, как кодировать его чисто с JavaScript?