forked from mirrors/gecko-dev
46aff81118
Differential Revision: https://phabricator.services.mozilla.com/D63559 --HG-- rename : layout/reftests/backgrounds/gradient/color-stop-clamp-interpolation-ref.html => layout/reftests/css-gradients/color-stop-clamp-interpolation-ref.html rename : layout/reftests/backgrounds/gradient/color-stop-clamp-interpolation.html => layout/reftests/css-gradients/color-stop-clamp-interpolation.html rename : layout/reftests/backgrounds/gradient/linear-gradient-repeated-ref.html => layout/reftests/css-gradients/linear-gradient-repeated-ref.html rename : layout/reftests/backgrounds/gradient/linear-gradient-repeated.html => layout/reftests/css-gradients/linear-gradient-repeated.html rename : layout/reftests/backgrounds/gradient/scaled-color-stop-position-ref.html => layout/reftests/css-gradients/scaled-color-stop-position-ref.html rename : layout/reftests/backgrounds/gradient/scaled-color-stop-position.html => layout/reftests/css-gradients/scaled-color-stop-position.html extra : moz-landing-system : lando
26 lines
596 B
HTML
26 lines
596 B
HTML
<!--
|
|
Any copyright is dedicated to the Public Domain.
|
|
http://creativecommons.org/publicdomain/zero/1.0/
|
|
-->
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Color stop positioning for scaled gradients as backgrounds reference</title>
|
|
<style type="text/css">
|
|
#outer
|
|
{
|
|
border: 1px solid black;
|
|
width: 600px; height: 300px;
|
|
}
|
|
#inner
|
|
{
|
|
width: 400px; height: 300px;
|
|
/* 250px stop is halfway along 500px diagonal */
|
|
background-image: linear-gradient(to bottom right, lime 0%, teal 250px, black 100%);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="outer"><div id="inner"></div></div>
|
|
</body>
|
|
</html>
|