OLD | NEW |
(Empty) | |
| 1 <!doctype html> |
| 2 <title>Test non-top-left background-position anchors together with repeating bac
kgrounds</title> |
| 3 <style> |
| 4 body { margin: 0 } |
| 5 div { |
| 6 width: 100px; |
| 7 height: 100px; |
| 8 } |
| 9 .anchor-right { |
| 10 background-image: linear-gradient(to left, lime 100px, red 100px); |
| 11 background-size: 200px 100px; |
| 12 background-position: top 0 right 0; |
| 13 } |
| 14 .anchor-bottom { |
| 15 background-image: linear-gradient(to bottom, red 100px, lime 100px); |
| 16 background-size: 100px 200px; |
| 17 background-position: bottom 0 left 0; |
| 18 } |
| 19 .anchor-bottom-right { |
| 20 background-image: linear-gradient(to top left, lime 142px, red 142px); |
| 21 background-size: 200px 200px; |
| 22 background-position: bottom 0 right 0; |
| 23 } |
| 24 </style> |
| 25 <div class="anchor-right"></div> |
| 26 <div class="anchor-bottom"></div> |
| 27 <div class="anchor-bottom-right"></div> |
OLD | NEW |