layout/reftests/bugs/1466638-1-ref.html

   1 <!DOCTYPE html>
   2 <html>
   3 <style>
   4 @keyframes holdBackgroundPosition {
   5   from,to { background-position-x: 50%; }
   6 }
   7 #test {
   8   height: 100px;
   9   width: 100px;
  10   background-repeat: no-repeat;
  11   background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF/wAAAAAAQaMSAwAAABJJREFUeNpiYBgFo2AwAIAAAwACigABtnCV2AAAAABJRU5ErkJggg==); /* a 25x25 px red box */
  12   animation: holdBackgroundPosition 100s infinite;
  13 }
  14 #wrapper {
  15   opacity: 0.5;
  16 }
  17 </style>
  18 <div id="wrapper">
  19 <div id="test"></div>
  20 </div>