RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-26 19:57:45 +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 { .grad-9 {
background: linear-gradient(135deg, #333 25%, transparent 25%) -50px 0, background: linear-gradient(135deg, #f2f2f2 25%, transparent 25%) -20px 0,
linear-gradient(225deg, #333 25%, transparent 25%) -50px 0, linear-gradient(225deg, #f2f2f2 25%, transparent 25%) -20px 0,
linear-gradient(315deg, #333 25%, transparent 25%), linear-gradient(315deg, #f2f2f2 25%, transparent 25%),
linear-gradient(45deg, #333 25%, transparent 25%); linear-gradient(45deg, #f2f2f2 25%, transparent 25%);
background-size: 40px 40px;
background-color: #50e3c2;
} }
.grad-10 { .grad-10 {