I'm trying to get an animation effect similar to opening a application on mac, where the top of the div will animate first, followed by the bottom of the div. Top of the div gets wider, and tapers to the bottom and then the bottom half animates to match.
Has anybody seen this before? The div has a repeated background image and border, so splitting it into two divs and animating one and then the other won't work (i don't think). Any ideas?