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

This commit is contained in:
MacDue 2022-08-07 12:36:10 +01:00 committed by Andreas Kling
parent ca2e345cdc
commit 6dd854faec

View file

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