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

Publicado em: 29 Dezembro 2020
no canal de: Samuel Morgan

207

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;

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

Nesta página do site você pode assistir ao vídeo on-line React JS Animated Menu in 8 Steps: Advanced React Menu Component Tutorial (Part 8) duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Samuel Morgan 29 Dezembro 2020, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 207 vezes e gostou 6 espectadores. Boa visualização!

7,347

439