# Ten seconds to ponder if a thread is worth it

![recording](https://user-images.githubusercontent.com/8890878/109542775-8419da00-7a93-11eb-9d0b-b11439f972cc.gif)

A userstyle that makes you wait ten seconds before entering a Hacker News thread. I use [stylus](https://github.com/openstyles/stylus) to manage mine.

```css
.subtext {
  display: inline-block;
  background: linear-gradient(to left, transparent 50%, #f60 50%) right;
  background-position: 100% 0%;
  background-size: 200%;
  transition: background 0.2s;
}

.subtext:hover {
  background-position: left;
  transition: background 10s linear;
}

.subtext a[href^="item"] {
  pointer-events: none;
}

.subtext:hover a[href^="item"] {
  animation: enable-click 10.01s forwards;
}

/* workaround because pointer-events is not animatable */
@keyframes enable-click {
  0% {
    pointer-events: none;
  }

  99% {
    pointer-events: none;
  }

  100% {
    pointer-events: auto;
  }
}
```