React JS Animated Menu in 8 Steps: Advanced React Menu Component Tutorial (Part 7)

Pubblicato il: 29 dicembre 2020
sul canale di: Samuel Morgan

103

Description:

A coding tutorial showing how to make an animated circular menu. Technologies used include React JS, SCSS, and node.

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

Resource: Colt Steele’s Crash Course on HTML, CSS, JavaScript.
• HTML/CSS/JS Crash Course Part 1

Sub Arrays for menu pages:

["About", "#3E84E6"],
["Contact", "#15AB88"],
["Portfolio", "#eb5089"],
["LinkedIn", "#AFD91A"],
["Dribbble", "#F27127"],
["Facebook", "#07C7F2"],
["Twitter", "#9768D1"],
["Instagram", “#F2B705"],

SCSS Variables:

// color variables

$off-white: #fefefe;
$dark-purple: #090126;
$dark-purple-secondary: #290366;

// -------------------------------

// font variables

$primary-font: 'Open Sans Condensed', sans-serif;

// -------------------------------

// font size variables

$small-font-size: 16px;

// -------------------------------

// spacer variables

$xs-space: 3px;
$small-space: 18px;
$medium-space: 27px;
$large-space: 81px;
$xl-space: 144px;

// -------------------------------

In questa pagina del sito puoi guardare il video online React JS Animated Menu in 8 Steps: Advanced React Menu Component Tutorial (Part 7) della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Samuel Morgan 29 dicembre 2020, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 103 volte e gli è piaciuto 2 spettatori. Buona visione!

7,347

439