Jak zmienić animację preloadera strony?

Witam.

Próbuję zmienić grafikę tego preloadera: http://codepen.io/mimoYmima/pen/fisgL na taką: http://cssdeck.com/labs/w75tw6hm.

Czy jest sposób, aby zrbić taki preloader bez robienia z tego drugiego pliku .gif?

Pozdrawiam.

No chyba najłatwiej będzie jak po prostu przepiszesz ten kod i wstawisz go na stronę?

http://codepen.io/anon/pen/nupsF

http://codepen.io/anon/pen/nupsF jak wklejam ten kod animacja wyświetla się po prostu na stronie głównej strony.

Może ktoś wie jak go dobrze zaimplementować?

No to może zacznij od tego, jak to ma być “zaimplementowane” ?

Mam na myśli sytuację kiedy użytkownik wchodzi na stronę i pojawia się preloader, dopóki strona się nie załaduje.

Kiedy wklejam podany kod animacja pojawia się na stronie głównej.

Tutaj jest podobny kod, działający: http://codepen.io/mimoYmima/pen/fisgL.

Pozdrawiam.

Nazwijmy rzecz po imieniu. Nie wiesz jak tego użyć, prawda?

Udało mi się, wystarczyło dodać do css

.background{

 position: fixed;

 left: 0;

 top: 0;

 z-index: 999;

 width: 100%;

 height: 100%;

 overflow: visible;

 background: #333;

}

do html

[/code] i w skrypcie

[code] $(’.background’).fadeOut(‘slow’,function(){$(this).remove();}); $(’.circle’).fadeOut(‘slow’,function(){$(this).remove();}); $(’.particle’).fadeOut(‘slow’,function(){$(this).remove();});

Dzięki za pomoc.