| <!DOCTYPE html> |
| <style> |
| #target { |
| height: 150px; |
| width: 210px; |
| background-color: green; |
| -webkit-mask-image: url("../../images/resources/green-100.png"), |
| url("../../images/resources/green-100.png"); |
| -webkit-mask-size: 100px 100px; |
| -webkit-mask-repeat: space, space; |
| -webkit-mask-composite: source-in; |
| mask-image: url("../../images/resources/green-100.png"), |
| url("../../images/resources/green-100.png"); |
| mask-size: 100px 100px; |
| mask-repeat: space, space; |
| mask-composite: intersect; |
| } |
| </style> |
| <div id="target"></div> |