salmamuzam / 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.

Home Page:https://salmamuzam.github.io/coloredMarkers/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

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.

https://salmamuzam.github.io/coloredMarkers/


Languages

Language:CSS 54.8%Language:HTML 45.2%