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

Veröffentlicht am: 29 Dezember 2020
auf dem Kanal: 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;

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

Auf dieser Seite können Sie das Online-Video React JS Animated Menu in 8 Steps: Advanced React Menu Component Tutorial (Part 8) mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Samuel Morgan 29 Dezember 2020 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 207 Mal angesehen und es wurde von 6 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

7,347

439