Oħloq Loaders CSS sbieħ

Iġġenera animazzjonijiet tat-tagħbija tas-CSS tad-dwana f'sekondi bl-interface intuwittiv tagħna drag-and-drop. L-ebda kodifikazzjoni meħtieġa!

Ippersonalizza l-loader tiegħek

Tip ta' Loader

Color

Size 40px

Speed 1s

Għażliet Avvanzati

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); } }

Kif għandek tuża

Ippersonalizza l-loader tiegħek billi tuża l-kontrolli fuq ix-xellug
Ikklikkja l-buttuna "Iġġenera CSS"
Ikkopja l-kodiċi HTML u CSS iġġenerat
Waħħalha fil-proġett tiegħek

Eżempji ta 'Loader Popolari

Loader tal-polz

3 Dots Faċli biex tiġi implimentata

Spinner Loader

Classic 100% CSS

Dual Ring

Ċirku Doppju Stil Modern

Bounce Loader

Tikek li jaqbżu Animazzjoni bla xkiel

Ring Loader

Ċirku bit-Tikka Disinn Uniku

Loader tal-Iskali

Tikek tal-Iskalar Lightweight

Kif tuża CSS Loaders

Implimentazzjoni Bażika

L-użu tal-loaders CSS iġġenerati minn din l-għodda huwa sempliċi. Sempliċement kopja l-kodiċi HTML u CSS iġġenerat fil-proġett tiegħek.

Pass 1: Żid is-CSS

Add the generated CSS code to your stylesheet or in a