| <!DOCTYPE html> | |
| <style> | |
| .box { | |
| height: 200px; | |
| width: 200px; | |
| border: 1px solid black; | |
| background-repeat: no-repeat; | |
| background-size: 100px 100px; | |
| background-position: 0 0, 100px 100px; | |
| background-image: url('../../../images/resources/green-256x256.jpg'), url('../../../images/resources/dice.png'); | |
| transform: translate3d(50px, 50px, 0); | |
| will-change: transform; | |
| } | |
| </style> | |
| <div id="test" class="box"> | |
| </div> |