| <!doctype HTML> | |
| <div id="target1" style="width: 100px; height: 100px; background: blue; | |
| -webkit-mask-box-image: linear-gradient(transparent, green)"></div> | |
| <div id="target2" style="width: 100px; height: 100px; background: green; | |
| -webkit-mask-box-image: linear-gradient(transparent, green)"></div> | |
| <div id="target3" style="width: 100px; height: 100px; background: cyan"></div> |