background-position-ref.html (484B)
1 <!DOCTYPE html> 2 <title>Reference of testcases for background-position-x animations</title> 3 <style> 4 #test { 5 height: 100px; 6 width: 100px; 7 background-repeat: no-repeat; 8 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF/wAAAAAAQaMSAwAAABJJREFUeNpiYBgFo2AwAIAAAwACigABtnCV2AAAAABJRU5ErkJggg==); /* a 25x25 px red box */ 9 background-position-x: 50%; 10 } 11 </style> 12 <div id="test"></div>