{"action":"created","issue":{"url":"https://api.github.com/repos/rexxars/react-hexagon/issues/3","repository_url":"https://api.github.com/repos/rexxars/react-hexagon","labels_url":"https://api.github.com/repos/rexxars/react-hexagon/issues/3/labels{/name}","comments_url":"https://api.github.com/repos/rexxars/react-hexagon/issues/3/comments","events_url":"https://api.github.com/repos/rexxars/react-hexagon/issues/3/events","html_url":"https://github.com/rexxars/react-hexagon/issues/3","id":177593309,"number":3,"title":"Transition gradients on hover","user":{"login":"NeXTs","id":1753208,"avatar_url":"https://avatars.githubusercontent.com/u/1753208?v=3","gravatar_id":"","url":"https://api.github.com/users/NeXTs","html_url":"https://github.com/NeXTs","followers_url":"https://api.github.com/users/NeXTs/followers","following_url":"https://api.github.com/users/NeXTs/following{/other_user}","gists_url":"https://api.github.com/users/NeXTs/gists{/gist_id}","starred_url":"https://api.github.com/users/NeXTs/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/NeXTs/subscriptions","organizations_url":"https://api.github.com/users/NeXTs/orgs","repos_url":"https://api.github.com/users/NeXTs/repos","events_url":"https://api.github.com/users/NeXTs/events{/privacy}","received_events_url":"https://api.github.com/users/NeXTs/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-09-17T17:31:06Z","updated_at":"2016-09-17T17:43:02Z","closed_at":null,"body":"Hey Espen,\r\n\r\nI'm looking for a way to change `fill` and `stroke` gradients on hover smoothly\r\nThe only possible way to do it inside single SVG tag is by using [this trick with mask].(http://stackoverflow.com/a/26677024/1221082)\r\n\r\nHow do you think, it could be integrated into react-hexagon?"},"comment":{"url":"https://api.github.com/repos/rexxars/react-hexagon/issues/comments/247792779","html_url":"https://github.com/rexxars/react-hexagon/issues/3#issuecomment-247792779","issue_url":"https://api.github.com/repos/rexxars/react-hexagon/issues/3","id":247792779,"user":{"login":"NeXTs","id":1753208,"avatar_url":"https://avatars.githubusercontent.com/u/1753208?v=3","gravatar_id":"","url":"https://api.github.com/users/NeXTs","html_url":"https://github.com/NeXTs","followers_url":"https://api.github.com/users/NeXTs/followers","following_url":"https://api.github.com/users/NeXTs/following{/other_user}","gists_url":"https://api.github.com/users/NeXTs/gists{/gist_id}","starred_url":"https://api.github.com/users/NeXTs/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/NeXTs/subscriptions","organizations_url":"https://api.github.com/users/NeXTs/orgs","repos_url":"https://api.github.com/users/NeXTs/repos","events_url":"https://api.github.com/users/NeXTs/events{/privacy}","received_events_url":"https://api.github.com/users/NeXTs/received_events","type":"User","site_admin":false},"created_at":"2016-09-17T17:43:02Z","updated_at":"2016-09-17T17:43:02Z","body":"Hm, I just realised that I can use [second approach with changing `stop-color`'s by css](http://stackoverflow.com/a/36088098/1221082) in combination with syntax you [proposed here](https://github.com/rexxars/react-hexagon/issues/2#issuecomment-246173337) but I'll have to add unique gradient's defs to every hexagon instance on the page. And I have a lot of them :\\\r\n\r\nThat's possible but probably not the best option. Using trick with mask people will be able to animate even background images on hover.\r\n\r\nAnyway, I understand that you may don't have free time for this. Then just write few words to this thread so I know your thoughts.\r\n"}}
{"actor":{"display_login":"NeXTs"}}