Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How to add fade in and fade out animation from page to page on load?


moss22boss

Question

I have been trying relentlessly to solve this issue. I am having the hardest time with figuring out how to add a fade in/fade out animation, from page to page upon loading. I am a bare novice to CSS, but have been able to follow steps on other coding CSS tricks. But, for some reason, I have not been able find a successful option for this problem I am having. I am hoping there is a good pure CSS option available, since I am not to familiar with JavaScript. If anyone can please lend me a hand in advising me of the coding and actions to use in this regards, I would be gratefully appreciative... One example of what I am looking for is located on this web page: http://hellowellput.com/ ... That is a perfect example of how I would like it to fade in and out from page to page. I would like to add, the goal is to use animate.css by Daniel Eden, but I'm not sure on how to add or go about using it.

Thanks in advance.

Edited by moss22boss
Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

3 answers to this question

Recommended Posts

  • 0

Hello @moss22boss,

Vox Pop (contact@voxpopagency.com) used to sell a plugin that does this. I've used it on projects and it worked great! I'm not sure why they don't sell it anymore, but it's worth contacting them and asking about the "Page Transitions Plug In". They definitely know how this can be done.

Best of luck!

 

Link to post
  • 0

Did you ever find a solution? I also want to fade in and fade out of my index page when you go in and out and I have not found an answer.  (not a coder!) Oof. Thanks.

Chicago based Motion Designer.

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...