okikiola11 / apple-clone

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

BACKGROUND AND GRADIENTS

Learning how to use background gradients in a page.

screenshot

Working on this project, I cloned an old apple page that displayed a navbar with a beautiful three toned background color. I was able to achieve this look by using a css property (gradient), precisely a linear gradient to give three similar colors (with slight differences when put side by side) with a 50% value: This means one color starts and stops when it reaches 50% of the element vertically and the other color continues to give that element a nice three toned look.

Built With

  • html, css

Live Demo

Live Demo Link

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

  • Web browser
  • Code editor
  • Git and Github

Usage

  • Clone the project to your local machine
  • Open the index file in your browser

Authors

  • Okikiola Apelehin

👤 Author1

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Google

About


Languages

Language:JavaScript 40.0%Language:HTML 30.9%Language:CSS 29.1%