CSS Clip: Hide / Show Child Item Effect (Courtain)

Check out “Clip” part of following page:

https://greensock.com/css3/

Example:

http://codepen.io/GreenSock/pen/17b1ea88b3066d2ee4de90cc65fc862e

Sample Code:

var tl = new TimelineMax({'onComplete': function(){
	$this.css('z-index', 0);
}});
var p = {
	top: 0, 
	right: (visual_width + offset) + 'px', 
	bottom: $(window).height() + 'px', 
	left: offset + 'px'
}
tl.to($this, duration, {'clip': 'rect(' + 
		p.top + ', ' + p.right + ', ' + p.bottom + ', ' + p.left + 
	')'});

(http://www.ecotreasure.com.tw/)