Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

RGB Animation for Text Highlight Color on Webpages #75

Open
Tanvir1337x opened this issue Oct 7, 2024 · 0 comments
Open

RGB Animation for Text Highlight Color on Webpages #75

Tanvir1337x opened this issue Oct 7, 2024 · 0 comments

Comments

@Tanvir1337x
Copy link
Owner

Tanvir1337x commented Oct 7, 2024

Description

Support for RGB animations within the ::selection pseudo-element to allow smooth transitions in text highlight colors. Something like this (as seen on wikiwand pages when highlighting text):

RGB_TEXT_HIGHLIGHT.mp4

Currently, the highlight color remains static, with no capability to animate color transitions during text selection. The code is (in userContent.css):

/* Text Highlight color on webpages */
@-moz-document regexp("http(s)?:.*") {
  ::selection {
    background-color: transparent !important;
    color: #c38f8f !important;
  }
}

Which looks like this:

image

Problem !!

Achieving this effect appears to require JavaScript. Attempts using only CSS haven't worked. Have to explore userChrome.js/userContent.js.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant