<img src="https://hacks.mozilla.org/files/2017/06/omega_large.jpg">

<svg version="1.2" width="0" height="0" viewBox="0 0 740 600">
  <defs>
    <clipPath id="mask">
      <rect x="0" y="0" width="200" height="600">
        <animate attributeType="XML" attributeName="x" from="-200" to="740"
            dur="10s" repeatCount="indefinite"/>
      </rect>
    </clipPath>
  </defs>
</svg>
body {
  padding: 0;
  margin: 0;
}

img {
  height: 600px;
  display: block;  
  -webkit-clip-path: url(#mask);
  clip-path: url(#mask);
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.