page transition / PUNCH
een pagina openen met een punch-effect

home | index | menu | help

Er is geen CSS ondersteuning.

		
		

Deze transition geeft een punch aan de top van de viewport. De procedure is een div met een relatieve positie die de pagina (d.m.v. een border) beneden de viewport plaatst. Bij de onload van de pagina zorgt een stukje javascript er voor dat de transition uitgevoerd wordt. Eerst wordt vloeiend de border kleiner gemaakt en vlak voor het eind van de procedure wordt de waarde van de border op nul gezet (het punch-effect). Kopieer de code van de punch-transition naar jouw webruimte of gebruik de css en het script waar je maar wilt.

cache 03-02-2012