{"action":"created","issue":{"url":"https://api.github.com/repos/FormidableLabs/radium/issues/233","labels_url":"https://api.github.com/repos/FormidableLabs/radium/issues/233/labels{/name}","comments_url":"https://api.github.com/repos/FormidableLabs/radium/issues/233/comments","events_url":"https://api.github.com/repos/FormidableLabs/radium/issues/233/events","html_url":"https://github.com/FormidableLabs/radium/issues/233","id":92189998,"number":233,"title":"Keyframe helper with multiple transforms","user":{"login":"morenoh149","id":587438,"avatar_url":"https://avatars.githubusercontent.com/u/587438?v=3","gravatar_id":"","url":"https://api.github.com/users/morenoh149","html_url":"https://github.com/morenoh149","followers_url":"https://api.github.com/users/morenoh149/followers","following_url":"https://api.github.com/users/morenoh149/following{/other_user}","gists_url":"https://api.github.com/users/morenoh149/gists{/gist_id}","starred_url":"https://api.github.com/users/morenoh149/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/morenoh149/subscriptions","organizations_url":"https://api.github.com/users/morenoh149/orgs","repos_url":"https://api.github.com/users/morenoh149/repos","events_url":"https://api.github.com/users/morenoh149/events{/privacy}","received_events_url":"https://api.github.com/users/morenoh149/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-06-30T20:20:10Z","updated_at":"2015-06-30T21:07:23Z","closed_at":"2015-06-30T20:35:25Z","body":"I attempted to make a keyframe animation like so\r\n```javascript\r\n\r\nvar sunIconKeyframes = Radium.keyframes({\r\n  '0%': {\r\n    opacity: 0,\r\n    transform: 'translate3d(0, 100%, 0)'\r\n  },\r\n  '100%': {\r\n    opacity: 1,\r\n    transform: 'rotate(360deg)'\r\n  }\r\n})\r\n```\r\nthe idea being the element starts offset from the top and is animated rising while rotating. See [fadeInUp](https://github.com/daneden/animate.css/blob/9d4c59e5e5a1fbf149c13cb71a4448aba020882f/source/fading_entrances/fadeInUp.css#L4) But when I run this code only the first animation registers. Should this be documented?"},"comment":{"url":"https://api.github.com/repos/FormidableLabs/radium/issues/comments/117342023","html_url":"https://github.com/FormidableLabs/radium/issues/233#issuecomment-117342023","issue_url":"https://api.github.com/repos/FormidableLabs/radium/issues/233","id":117342023,"user":{"login":"ianobermiller","id":897931,"avatar_url":"https://avatars.githubusercontent.com/u/897931?v=3","gravatar_id":"","url":"https://api.github.com/users/ianobermiller","html_url":"https://github.com/ianobermiller","followers_url":"https://api.github.com/users/ianobermiller/followers","following_url":"https://api.github.com/users/ianobermiller/following{/other_user}","gists_url":"https://api.github.com/users/ianobermiller/gists{/gist_id}","starred_url":"https://api.github.com/users/ianobermiller/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ianobermiller/subscriptions","organizations_url":"https://api.github.com/users/ianobermiller/orgs","repos_url":"https://api.github.com/users/ianobermiller/repos","events_url":"https://api.github.com/users/ianobermiller/events{/privacy}","received_events_url":"https://api.github.com/users/ianobermiller/received_events","type":"User","site_admin":false},"created_at":"2015-06-30T21:07:23Z","updated_at":"2015-06-30T21:07:23Z","body":"If it works in CSS form it should work in radium, as radium converts to CSS\nfor animations.\n\nOnly caveat would be precedence under inline styles.\nOn Tue, Jun 30, 2015 at 1:35 PM Harry Moreno <notifications@github.com>\nwrote:\n\n> Closed #233 <https://github.com/FormidableLabs/radium/issues/233>.\n>\n> —\n> Reply to this email directly or view it on GitHub\n> <https://github.com/FormidableLabs/radium/issues/233#event-344670513>.\n>\n"}}