Follow-Along-Links

Background & Objectives

When the user hovers over the links both on the navigation bar and text, there is a background effect that will resize itself according to the element's size and follow around the page wherever the cursor is going

Screen.Recording.2021-12-11.at.21.16.14.mov

Features

• mouseover event
• Element.getBoundingClientRect() - method that returns a DOMRect object providing information about the size of an element and its position relative to the viewport.

Technologies

Project created with:

• HTML5
• CSS3
• JavaScript ES6

Specs

Cloning

Go to the Terminal, choose a directory where you wish to clone the repository and run:

git clone git@github.com:Francisco-Webdeveloper/Follow-Along-Links.git

Local Server

Launch local webserver with the Terminal:

npm install -g parcel-bundler
parcel index.html
open http://localhost:1234 in the browser