Hacker News Reader

Comment by amirmasoudabdol | Hacker News Reader

So, is there a way that I can block this tag somehow and drop it during the load time?

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! ;)

Btw you can begin a line with two spaces for code formatting:

  .*amp.*

Go 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).

Works 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-loadi...

Reply on news.ycombinator.com