Transition animations between webpages: 23 different effects
Welcome your visitors with an eyecatching start-animation when he enters your webpaga. And say your visitors goodbye with a cool bye-bye-effect. Choose among 23 different effects. No JavaScript needed. Just paste two special meta-tags into between your head-tags (just below the title-tag) and your friends will be very, very impressed. Works with Internet Explorer 4 or higher. Test and download your effect below:
Effect "Box in" Test it here
Configuration: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):
Effect "Box out" Test it here
Configuration: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):
Effect "Circle in" Test it here
Configuration: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):
Effect "Circle out" Test it here
Configuration: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):
Effect "Wipe up" Test it here
Configuration: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):
Effect "Wipe down" Test it here
Configuration: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):
Effect "Wipe right" Test it here
Configuration: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):
Effect "Wipe left" Test it here
Configuration: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):
Effect "Vertical blinds" Test it here
Configuration: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):
Effect "Horizontal blinds" Test it here
Configuration: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):
Effect "Checkerboard across" Test it here
Configuration: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):
Effect "Checkerboard down" Test it here
Configuration: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):
Effect "Random dissolve" Test it here
Configuration: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):
Effect "Split vertical in" Test it here
Configuration: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):
Effect "Split vertical out" Test it here
Configuration: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):
Effect "Split horizontal in" Test it here
Configuration: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):
Effect "Split horizontal out" Test it here
Configuration: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):
Effect "Strips left down" Test it here
Configuration: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):
Effect "Strips left up" Test it here
Configuration: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):
Effect "Strips right down" Test it here
Configuration: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):
Effect "Strips right up" Test it here
Configuration: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):
Effect "Random bars horizontal" Test it here
Configuration: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):
Effect "Random bars vertical" Test it here
Configuration: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):
Effect "Random all transition effects" Test it here
Configuration: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):
Click here to download files
|