Skip to content
New issue

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

#

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

Already on GitHub? # to your account

Jump to bottom

Can't draw linear gradient in block background #307

Open
kandys opened this issue Oct 18, 2021 · 1 comment · May be fixed by #308
Open

Can't draw linear gradient in block background #307

kandys opened this issue Oct 18, 2021 · 1 comment · May be fixed by #308
Labels
enhancement

Comments

@kandys
Copy link

kandys commented Oct 18, 2021 •
edited
Loading

test.css
.gradient {
background-color: linear-gradient(to top, red, blue);
}

test.html
<html>
<html>
<head>
<link rel="stylesheet" href="test.css">
</head>
<body>
<div class="gradient"><br><br><br><br></div>
</body>
</html>

We dont see gradient.
kandys pushed a commit to kandys/HtmlViewer that referenced this issue Oct 20, 2021
Draw linear gradient in block background
167360b 
We can draw linear gradient with 3 parameters:
  background-color: linear-gradient(to top, #ffffff, #6699ff);
  background-color: linear-gradient(to bottom, green, silver);
  background-color: linear-gradient(0deg, red, blue);

Fix BerndGabriel#307
@kandys kandys linked a pull request Oct 20, 2021 that will close this issue
Open
@BerndGabriel
Copy link
Owner

Thanks for your proposal!

Did you notice that CSS3 introduces gradients as image not as color?

# for free to join this conversation on GitHub. Already have an account? # to comment
Assignees
No one assigned
Labels
enhancement
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Draw linear gradient in block background kandys/HtmlViewer
2 participants
@BerndGabriel @kandys