Does anybody know how to create wipe effect?

Does anybody know how to create wipe effect

I have a menu page with button animation and would like to create an effect to unmask the buttons from left to right when coming into the menu. I have tried animating width of the button_div, but not working. The buttons shows up as soon as the page get loaded.



Answer this question

Does anybody know how to create wipe effect?

  • Hila123

    As long as the buttons are children of the div, they will be clipped by it.

    Probably your div is always 100% of its width due to a bug in your animation code. Can you confirm that the div really does change size



  • Habibullah

    Thank you. It works now. But the width doesn't hold. My xml:

    when EFFECT button is on focused
    <cue select="id('Menu')" dur="2s" fill="hold">
    <animate style:width="1px;1920px" />
    </cue>


    Note: Menu is menu button div that has initial width=1px


  • Big Andy 78

    I have seen issues using a width of 0px. Give 1px a try instead and see if this works.


  • Julie Lerman

    Got it work. My end condition was not setting right. Now it holds. Thank you!
  • Quirk

    Even though I set the div width to "0px", without animation, my buttons are still showed on the screen. each button has its own image and x,y,w,h defined, and they are all absolute. Will this be a problem
  • Does anybody know how to create wipe effect?