Abbiamo esaminato molti generatori di codice CSS; alcuniche applicano effetti a diversi elementi come riquadri e livelli o il più recente, XEO CSS, che consentono di modificare il CSS utilizzando un editor visivo e trasmettendo del tutto la codifica. Caricamento CSS è ancora un'altra applicazione web che autogenera codice CSS. Il codice generato è pensato per l'animazione del caricamento del tuo sito. Ti consente di scegliere animazioni di caricamento del sito da otto modelli e personalizzarne il colore e la velocità.
Un'animazione di caricamento del sito è come una barra di avanzamentoprogettato da un sito Web per gli utenti in modo che sappiano che il sito è in fase di caricamento. Sebbene anche i browser forniscano agli utenti la possibilità di sapere se il sito è in fase di caricamento o meno, se stai progettando un sito che potrebbe impiegare un po 'più tempo a caricarsi, dare all'utente una certa sicurezza dalla tua parte potrebbe essere una buona idea. L'app ti consente di scegliere tra otto diverse animazioni di caricamento del sito e personalizzarle.
Per iniziare, scegli uno stile di animazione dapiccolo pannello scorrevole a destra. Il modello di animazione è costituito da disegni di barre e dischi. Alcuni modelli supportano due, mentre altri supportano colori singoli. Il modello scelto verrà caricato a destra sotto La tua anteprima di animazione.
Per iniziare la personalizzazione, fai clic sul campo del codice colore accanto a Primo colore e si aprirà un selettore di colori. Seleziona il colore dal disco circolare e imposta i livelli di luminosità dal quadrato al centro. Seleziona un Secondo colore se l'animazione di caricamento che hai scelto ne supporta due. L'opzione per selezionare un secondo colore verrà visualizzata indipendentemente dal fatto che l'animazione selezionata supporti o meno due colori. Dopo aver selezionato i colori, seleziona la velocità dell'animazione spostando la manopola in orizzontale Velocità di animazione bar.
Le modifiche si riflettono man mano che le apporti, tuttavia, se non lo sono, fai clic Genera anteprima e le modifiche inizieranno ad apparire sulla destra in cui l'animazione è stata caricata per la prima volta. Per ottenere il codice per l'animazione, fare clic su Ottenere il codice. Copia il codice nel tuo file HTML o CSS e nel tuo Il sito si sta caricando l'animazione è pronta per il caricamento.
Visita CSS Load
Commenti