| Index: third_party/WebKit/LayoutTests/fast/gradients/conic-gradient-positioning.html
|
| diff --git a/third_party/WebKit/LayoutTests/fast/gradients/conic-gradient-positioning.html b/third_party/WebKit/LayoutTests/fast/gradients/conic-gradient-positioning.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..0b7bedd743650a8f95c0d18e8179d7fdddc851d3
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/fast/gradients/conic-gradient-positioning.html
|
| @@ -0,0 +1,35 @@
|
| +<!DOCTYPE html>
|
| +
|
| +<style>
|
| +div {
|
| + width: 78px;
|
| + height: 78px;
|
| + border: 1px solid grey;
|
| + display: inline-block;
|
| + margin: 2px;
|
| +}
|
| +</style>
|
| +
|
| +<body>
|
| +<script>
|
| + function appendConicGradient(pos) {
|
| + var div = document.createElement('div');
|
| +
|
| + div.setAttribute('style', 'background: conic-gradient(' + pos + ', red, yellow, lime, aqua, blue, magenta, red)');
|
| + document.body.appendChild(div);
|
| + }
|
| +
|
| + var pos = [ '25%', 'center', '75%' ];
|
| + var rot = [ '0', '20deg', '40deg', '60deg', '80deg' ];
|
| +
|
| + rot.forEach(function(r) {
|
| + pos.forEach(function(x) {
|
| + pos.forEach(function(y) {
|
| + appendConicGradient('from ' + r + ' at ' + x + ' ' + y);
|
| + });
|
| + });
|
| + document.body.appendChild(document.createElement('br'));
|
| + });
|
| +
|
| +</script>
|
| +</body>
|
|
|
Chromium Code Reviews
Issue 2787113002:
Initial conic-gradient() implementation (Closed)
