Image reveal animation - pixel art

[Chriis]

Hello,

 

I'm wondering if someone here has tried to do this image reveal animation or something similar?

 

The idea is to have a pixel art kind of reveal that animates out to reveal the image. 

• Pixel animation doesn't have to be dependent on the image behind
• Looking to have at least 7 to 8 frames before it animates out

 

Any tips or ideas would be highly appreciated. Thanks in advance!

 

[akrdesign]

@Chriis I have made an example as you need maybe it will help you

See the Pen NWOGaNv?editors=0010 by akrdesign (@akrdesign) on CodePen

I have placed the SVG on the top of the image and animated it.

[Chriis]

@akrdesign Perfect! Thanks a lot 🙂

[alecto]

This is absolutely what I search since days ago. Thank you so much!
Is this possible to make this for the whole page when loading or pressed a button? 
Like this website:
https://www.vrtlwrld.io/

I work with webflow.

[GSAP Helper]

Sure, I would imagine that's possible with enough effort. We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide free general consulting, logic troubleshooting, or "how do I recreate this cool effect I saw on another site?" tutorials. Of course anyone else is welcome to post an answer if they'd like - we just want to manage expectations.  

 

You are welcome to post in the "Jobs & Freelance" forum for paid consulting, or contact us directly. 

 

Otherwise, if you've got a GSAP-specific question just post that here along with a minimal demo and we'd be happy to take a look.