Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]
Groups > comp.lang.javascript > #33865
| Path | csiph.com!feeder.erje.net!1.eu.feeder.erje.net!news.albasani.net!news.mb-net.net!open-news-network.org!.POSTED.100.225.197.178.dynamic.wless.zhbmb00p-cgnat.res.cust.swisscom.ch!not-for-mail |
|---|---|
| From | Thomas 'PointedEars' Lahn <PointedEars@web.de> |
| Newsgroups | comp.lang.javascript |
| Subject | Re: CSS transition |
| Date | Wed, 23 Aug 2017 14:51:19 +0200 |
| Organization | PointedEars Software (PES) |
| Lines | 38 |
| Message-ID | <1745316.usQuhbGJ8B@PointedEars.de> (permalink) |
| References | <fe80a18f-f772-4375-96d5-8acc749b7b86@googlegroups.com> <onjm41$163j$1@gioia.aioe.org> |
| Reply-To | Thomas 'PointedEars' Lahn <cljs@PointedEars.de> |
| Mime-Version | 1.0 |
| Content-Type | text/plain; charset="UTF-8" |
| Content-Transfer-Encoding | 8Bit |
| Injection-Info | gwaiyur.mb-net.net; posting-host="100.225.197.178.dynamic.wless.zhbmb00p-cgnat.res.cust.swisscom.ch:178.197.225.100"; logging-data="27730"; mail-complaints-to="abuse@open-news-network.org" |
| User-Agent | KNode/4.14.2 |
| X-Face | %i>XG-yXR'\"2P/C_aO%~;2o~?g0pPKmbOw^=NT`tprDEf++D.m7"}HW6.#=U:?2GGctkL,f89@H46O$ASoW&?s}.k+&.<b';Md8`dH6iqhT)6C^.Px|[=M@7=Ik[_w<%n1Up"LPQNu2m8|L!/3iby{-]A+#YE}Kl{Cw$\U!kD%K}\2jz"QQP6Uqr],./"?;=4v |
| Face | iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAGFBMVEXTxa4RFk5dUWANED8PFEfy7+MGBiW+n3ZNF/QuAAACaElEQVQ4jVXUwVOcMBQG8Dc7Rc4PUntdWV2uxjDpGaGeozOp1woar4jd5t/v9wLstMwsA/ntlxdCAgUc1hjTc9/JCZfGoo3wG3HdmdAWrIJRHe7GM/TmpY5VFefuVcAkkPbLIaN8rmPmjloyZxgyR3GuJ4K0AGtJ2htz8o7yqikm759fldQXaMpbDzjKAG+8v+AugVTOPO5DOjLvGtUYQwh0CPjnVMyGd+8/GfUB5nLKJDD2aLDh5HYyMDJGDwQIo2ZmZcKbowNmAdB/AzyFhrmF2MHRb0QJJfaAnwGB6orZhoykLzJtGwF/xpYxI1dswomiUj3gTuAIqCn/4C7cULwGNBtwMTk3Y4LfKB5YUaOKBKYtpplm7u0vip8tU1NWWyI/7XdcSuIDoMt6rVHMWT0DbjHPGqDqZVSa6zleLcUTcIKLoMv3ueJluALtAo9B302zPPlrtiVScRdCjXvVh3e3JpYa/jjkuC9N+LrBMlz/eAN4eQijX2EdLo6c5tGGHwLyHFtXk89dDGHwCVhG9T0S/j55AhRZgkMCmUQXJ49TnS1wnQDvw0eAh9ICeMmEFbCnPMFzjAvsWoEWEFdYEx+S0MoUZ1gT1wId8+AF3Bl2OoEu906AUHx5VLw/gXYg/x84loOah/2UYNrgiwSwGO7RfUzVBbx/kgpckumGOi6QirtD6gkLTitbnxNol47S2jVc2vsN5kPqaAHT8uUdAJM4v/DanjYOwmUjWznGfwB7sGtAtor5BgofDuzaRj4kSQAqDakTsKORa3Q3xKi3gE1fhl71KRMqrdZ2AWNNg/YOhQyrVBnb+i+nEg4bsDA+egAAAABJRU5ErkJggg== |
| X-User-ID | U2FsdGVkX18viDZzQatWgYw6TkuNAw4DleovYEpOOSnTOR+t82ywWw== |
| Cancel-Lock | sha1:7K2XkvnO3mBQ77qQ1hmPIgimxfs= |
| Xref | csiph.com comp.lang.javascript:33865 |
Show key headers only | View raw
JR wrote: ^^ Your real name belongs there. > However, you won't get a smooth animation by changing the 'left' (or > top, right, bottom) property, because it will trigger a reflow process > in the browser [1]. There is no reason why it should, and in fact the referred blog entry does not claim this. “Reflow” pertains to the rearrangement of elements in the document flow. With `position: absolute`, an element is *taken out* of the document flow. What will happen is “repaint”, but that will happen in any case. > […] > Another possibility is using the fresh Web Animations API [2], i.e > Element.animate(), supported by some modern browsers so far. Interesting. > […] > [1] > <https://www.paulirish.com/2012/why-moving-elements-with-translate-is-better-than-posabs-topleft/> This is from 2012-12-20. The update referred there is from 2016. We have 2017-08 now. Be suspicious of any Web development advice that is older than one year. While the advice does not change, layout engines keep being improved. With “rapid release” schedules, the advice from last month can already be out of date. (That is also why it is a bad idea to rely on books in this field.) > [2] <https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API> -- PointedEars FAQ: <http://PointedEars.de/faq> | <http://PointedEars.de/es-matrix> <https://github.com/PointedEars> | <http://PointedEars.de/wsvn/> Twitter: @PointedEars2 | Please do not cc me./Bitte keine Kopien per E-Mail.
Back to comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar | Unroll thread
CSS transition bit-naughty@hotmail.com - 2017-08-22 10:59 -0700
Re: CSS transition Martin Honnen <martin.honnen@gmx.de> - 2017-08-22 21:16 +0200
Re: CSS transition Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2017-08-23 03:14 +0200
Re: CSS transition Martin Honnen <martin.honnen@gmx.de> - 2017-08-23 12:24 +0200
Re: CSS transition JR <jrfaqcom@gmail.com> - 2017-08-23 07:41 -0300
Re: CSS transition Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2017-08-23 14:51 +0200
Re: CSS transition bit-naughty@hotmail.com - 2017-08-23 23:14 -0700
Re: CSS transition Joao Rodrigues <groups_jr-1@yahoo.com.br> - 2017-08-25 20:17 -0300
csiph-web