1466638-1-ref.html (572B)
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>