{"action":"closed","issue":{"url":"https://api.github.com/repos/briangonzalez/jquery.pep.js/issues/151","labels_url":"https://api.github.com/repos/briangonzalez/jquery.pep.js/issues/151/labels{/name}","comments_url":"https://api.github.com/repos/briangonzalez/jquery.pep.js/issues/151/comments","events_url":"https://api.github.com/repos/briangonzalez/jquery.pep.js/issues/151/events","html_url":"https://github.com/briangonzalez/jquery.pep.js/issues/151","id":53295516,"number":151,"title":"Drag becomes really sluggish if CSS transition added","user":{"login":"majimekun","id":3176663,"avatar_url":"https://avatars.githubusercontent.com/u/3176663?v=3","gravatar_id":"","url":"https://api.github.com/users/majimekun","html_url":"https://github.com/majimekun","followers_url":"https://api.github.com/users/majimekun/followers","following_url":"https://api.github.com/users/majimekun/following{/other_user}","gists_url":"https://api.github.com/users/majimekun/gists{/gist_id}","starred_url":"https://api.github.com/users/majimekun/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/majimekun/subscriptions","organizations_url":"https://api.github.com/users/majimekun/orgs","repos_url":"https://api.github.com/users/majimekun/repos","events_url":"https://api.github.com/users/majimekun/events{/privacy}","received_events_url":"https://api.github.com/users/majimekun/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-01-03T06:03:31Z","updated_at":"2015-06-13T16:21:39Z","closed_at":"2015-06-13T16:21:39Z","body":"Hi Brian\r\n\r\nI've noticed the following issue today : \r\n\r\nWhen I add \r\n```\r\n-webkit-transition: 0.5s ease-in-out;\r\ntransition: 0.5s ease-in-out;\r\n-webkit-transform: scale(1);\r\ntransform: scale(1);\r\n```\r\nto an element in my CSS, the drag on this element becomes really sluggish on both PC and mobile ... to the point where it doesn't feel responsive at all anymore.\r\n\r\nBUT, if I remove the CSS transforms and apply the same animation by using Velocity.js instead, \r\n```\r\n$.velocity({\r\n'opacity' : '1',\r\n'scale' : '+=50%'\r\n}, 100, 'linear');\r\n```\r\nPep becomes fluid again.\r\n\r\nAny idea of what's going on?\r\n\r\nCheers\r\n\r\n"}}