3 ms·
You can add a Stylus stylesheet enabled for the regex .[star]amp.[star] (replace [star] with the star symbol) that contains body{animation:none}, but I don't kn
by hadrien01 7y ago
You can add a Stylus stylesheet enabled for the regex .[star]amp.[star] (replace [star] with the star symbol) that contains body{animation:none}, but I don't know if that's good for performance.
Edit: Developers can also add that css in their amp style, and it seems to be accepted by the amp validator. AMP devs, you know what to do! ;)
- TazeTSchnitzel 7y agoBtw you can begin a line with two spaces for code formatting: .*amp.*
- chrismorgan 7y agoGo for this on all pages instead: html[\26a1] body, html[amp] body { animation: none; } (I wrote \26a1 because HN doesn’t allow the literal U+26A1 character.) That way it applies to all AMP pages, regardless of their URL, and doesn’t clobber any other pages (though I can’t actually imagine any genuine animation on a body element).
- hadrien01 7y agoWorks perfectly, thank you! I took the liberty to put it on userstyles.org for one-click install: https://userstyles.org/styles/171953/disable-amp-blank-loading https://userstyles.org/styles/171953/disable-amp-blank-loadi...