RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 00:47:45 +00:00
Code Issues Activity Actions

Base: Add linear-gradient + background-size demo

Browse source
This commit is contained in:
MacDue 2022-07-31 01:25:25 +01:00 • committed by Andreas Kling
parent 4b9c0aac7a
commit ff6f56ef7a
1 changed files with 7 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -95,6 +95,11 @@
.grad-webkit { .grad-webkit {
background-image: -webkit-linear-gradient(top right, yellow, black, yellow, black); background-image: -webkit-linear-gradient(top right, yellow, black, yellow, black);
} }
.grad-15 {
background-image: linear-gradient(to top left, red, green, blue);
background-size: 30px 30px;
}
</style> </style>
</head> </head>
<body> <body>
@ -120,6 +125,8 @@
<div class="rect grad-12"></div> <div class="rect grad-12"></div>
<div class="rect grad-13"></div> <div class="rect grad-13"></div>
<div class="rect grad-14"></div> <div class="rect grad-14"></div>
<b>With background size:</b><br>
<div class="rect grad-15"></div>
<b>A webkit gradient</b><br> <b>A webkit gradient</b><br>
<div class="box grad-webkit"></div> <div class="box grad-webkit"></div>
</body> </body>