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

Publié le: 18 janvier 2021
sur la chaîne: Samuel Morgan
22
1

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%;
/* --------------- */
}


Sur cette page du site, vous pouvez voir la vidéo en ligne CSS Loading Indicator in 5 Steps: Advanced CSS Loader Animation Tutorial (Part 5) durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Samuel Morgan 18 janvier 2021, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 22 fois et il a aimé 1 téléspectateurs. Bon visionnage!