/coloredMarkers

Colored Markers is built as a part of the freeCodeCamp Curriculum. Three different colored markers were designed using CSS to learn different ways of applying colors in CSS.

Primary LanguageCSS

CSS Colored Markers Project

Overview

This project is part of my learning journey through the FreeCodeCamp curriculum. In this project, I utilized HTML and CSS to create colored markers using various CSS color properties. Through this project, I gained hands-on experience with different color representations in CSS, including:

  • HSL (Hue, Saturation, Lightness)
  • HSLA (Hue, Saturation, Lightness, Alpha)
  • RGB (Red, Green, Blue)
  • RGBA (Red, Green, Blue, Alpha)
  • Hexadecimal color codes
  • Linear gradient backgrounds
  • Styling borders
  • Adjusting opacity

Project Description

The main objective of this project was to practice applying different color properties in CSS while creating visually appealing markers. I created three markers of different colors: green, red, and blue. Each marker was styled using various color representation techniques to enhance my understanding of CSS color manipulation.

Technologies Used

  • HTML
  • CSS