Как сделать градиентное выделение с помощью CSS и JS?

Question

[Amigun]

Нужно сделать чтобы все содержимое на сайте выделялось градиентом. Пример:

Answer 1

[xmoonlight]

HTML:<span class="super">Lorem ipsum dolor</span>

CSS:

.super::selection {
  background: linear-gradient(0.25turn, #3f87a6, #ebf8e1, #f69d3c);
}

У меня в хроме - вообще не выделяет, а сразу "тащится" за курсором.
У кого этот код работает?
PS: градиенты linear-gradient

Comments

[Amigun]

Я так пробовал, просто текст тащится за курсором как вы сказали.

[xmoonlight]

Amigun, мда... странное поведение...