CSS Keyframe animation example

An experiment using CSS keyframes, -webkit-mask and a little bit of easing on the keyframes.

The browser you’re using may affect what you see. For example, Firefox doesn’t support the masking effect that’s used.

Take a look at how it’s built for your self.