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.

Sign up for GitHub

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

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

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?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in 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