CSS Loading Indicator in 5 Steps: Advanced CSS Loader Animation Tutorial (Part 1)

Pubblicato il: 18 gennaio 2021
sul canale di: Samuel Morgan

Description:

A coding tutorial showing how to make an animated loading indicator. Technologies used include HTML, CSS, and JavaScript.

Original Code on Github:
https://github.com/SamuelColeMorgan/L...

CSS Variables For Stylesheets:

:root {
/* color variables */
--off-white: #fefefe;
--page-background: linear-gradient(45deg, rgba(6,8,38,1) 0%, rgba(19,24,133,1) 100%);

--loader-dot-one-color: #FF0065;
--loader-dot-two-color: #C5FF00;
--loader-dot-three-color: #05F2DB;
--loader-dot-four-color: #F29F05;
--loader-dot-five-color: #FFF200;
/* --------------- */

/* size variables */
--loader-animation-size: 200px;
--loader-dot-size: 10%;
/* --------------- */
}

In questa pagina del sito puoi guardare il video online CSS Loading Indicator in 5 Steps: Advanced CSS Loader Animation Tutorial (Part 1) della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Samuel Morgan 18 gennaio 2021, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 89 volte e gli è piaciuto 2 spettatori. Buona visione!

7,347

439