0E800
This post is outdated look at first post for updated installation
Steps to get this transition
- Paste the following into your Custom HTML:
<script src="https://raw.githubusercontent.com/HubSpot/pace/v1.0.0/pace.min.js"></script>
<link rel="stylesheet" href="https://raw.githubusercontent.com/HubSpot/pace/master/themes/blue/pace-theme-flash.css">
- Paste the following into your Custom CSS (do this step if you want the entire page to fade out during load):
body > :not(.pace), body:before, body:after {
/*Edit .2s if you want the animation to be smoother*/
-webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
-ms-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
}
body:not(.pace-done) > :not(.pace), body:not(.pace-done):before, body:not(.pace-done):after {
opacity: 0;
}
This post is outdated look at first post for updated installation
