I need help with my code I am trying to make a rainbow gradient on a scroll bar using Web Kit. When using it the scroll bar is just white
background: linear-gradient(rgb(112, 241, 213), rgb(224, 101, 179), rgb(250, 229, 96) rgb(84, 184, 243) rgb(146, 96, 222));
outline: 1px solid black;
What it looks like on the webview.
on the webview
I don’t recommend you rely on the webview. It sometimes takes awhile to update and it’s so small anyway that unless you took the time to make your CSS mobile compatible it’s going to look bad in the webview. I open it in a new tab and refresh that tab when I run the Repl with new changes.
I have tried both web view and “Open in New Tab”. Have any other ideas
yeah, web view also has bugs which can mess with some apps
You missed a comma on line 10. I would personally write it as
background: linear-gradient(#70f1d5, #e065b3, #fae560, #54b8f3, #9260de);
I would suggest writing it like this:
rgb(112, 241, 213),
rgb(224, 101, 179),
rgb(250, 229, 96),
rgb(84, 184, 243),
rgb(146, 96, 222)
In this version, I have:
Put each property on its own line to improve readability
Added indentation to the
background property to make it clear that it is a gradient definition
Removed the unnecessary
Thanks for the help it worked.
March 13, 2023, 6:12pm
This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.