RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-25 20:37:35 +00:00
Code Issues Activity Actions

Base: Replace linear-gradient() pattern demo with cooler one

Browse source 
The previous demo didn't work that well, not due to any LibWeb
issue (same in other browsers), it just was a broken demo.

This demo shows the neat tricks you can do with linear-gradient()s
much better.
This commit is contained in:
MacDue 2022-08-09 01:05:46 +01:00 • committed by Tim Flynn
parent 79a5a1c209
commit 613feb1854
1 changed files with 6 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

10
Base/res/html/misc/gradients.html
View file

@ -66,10 +66,12 @@
}
.grad-9 {
background: linear-gradient(135deg, #333 25%, transparent 25%) -50px 0,
linear-gradient(225deg, #333 25%, transparent 25%) -50px 0,
linear-gradient(315deg, #333 25%, transparent 25%),
linear-gradient(45deg, #333 25%, transparent 25%);
background: linear-gradient(135deg, #f2f2f2 25%, transparent 25%) -20px 0,
linear-gradient(225deg, #f2f2f2 25%, transparent 25%) -20px 0,
linear-gradient(315deg, #f2f2f2 25%, transparent 25%),
linear-gradient(45deg, #f2f2f2 25%, transparent 25%);
background-size: 40px 40px;
background-color: #50e3c2;
}
.grad-10 {