Vytvářejte krásné CSS načítání

Generujte vlastní animace načítání CSS během několika sekund s naším intuitivním rozhraním drag-and-drop. Není třeba žádné kódování!

zavaděče

typ

Color

Size 40px

Speed 1s

Pokročilé volby

Preview

.loader { border: 4px solid #f3f3f3; border-radius: 50%; border-top: 4px solid #165DFF; width: 40px; height: 40px; animation: spin 1s linear infinite; }  @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

Jak používat

Přizpůsobte si zavaděč pomocí ovládacích prvků vlevo
Klikněte na tlačítko
Zkopírujte vygenerovaný kód
Vložte jej do svého projekt

Populární Příklady

Pulzní nakladač

3 Dots Snadná implementace

Spinner Loader

Classic 100% CSS

Dual Ring

Double Circle Moderní styl

Bounce Loader

Skákací tečky Hladká animace

Ring Loader

Ring with Dot Unique Design

Scale Loader

Scaling Dots Lightweight

Jak používat CSS Loaders

Základní implementace

Použití CSS loaderů generovaných tímto nástrojem je jednoduché. Jednoduše zkopírujte vygenerovaný kód HTML a CSS do svého projektu.

Krok 1: Přidejte CSS

Add the generated CSS code to your stylesheet or in a