background-position-ref.html 484 B

12345678910111213
  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>