Page Preloading Effect

In this tutorial will re-create the effect seen on Fontface Ninja with some adjustments and a second demo with slightly different effects. For the logo and the circular progress element we will use inline SVGs, so that we can style their paths in our CSS. Create a little script for the stroke animation of the SVG loading element and then we’ll control the page animations with classes that we add to the main container.

[advanced_iframe securitykey=”6c05e689259d6e9932e6227dac06b694fddf4f9c” src=”http://tympanus.net/Tutorials/PagePreloadingEffect/”]

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *