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

Base: Add an example -webkit-linear-gradient()

Browse source
This commit is contained in:
MacDue 2022-08-07 12:36:10 +01:00 • committed by Andreas Kling
parent ca2e345cdc
commit 6dd854faec
1 changed files with 6 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -91,6 +91,10 @@
.grad-14 { .grad-14 {
background-image: linear-gradient(to bottom right, indigo, white, deeppink); background-image: linear-gradient(to bottom right, indigo, white, deeppink);
} }
.grad-webkit {
background-image: -webkit-linear-gradient(top right, yellow, black, yellow, black);
}
</style> </style>
</head> </head>
<body> <body>
@ -116,6 +120,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>A webkit gradient</b><br>
<div class="box grad-webkit"></div>
</body> </body>
<script> <script>
const boxes = document.querySelectorAll(".box, .rect"); const boxes = document.querySelectorAll(".box, .rect");