https://github.com/jeniya14/css-design

This repository contains a collection of CSS designs created over time. The designs range from the most recent ones to older ones, all crafted using CSS.
https://github.com/jeniya14/css-design

css design html responsive

Last synced: 5 days ago
JSON representation

This repository contains a collection of CSS designs created over time. The designs range from the most recent ones to older ones, all crafted using CSS.

• Host: GitHub
• URL: https://github.com/jeniya14/css-design
• Owner: Jeniya14
• Created: 2023-11-16T05:27:09.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-16T10:00:02.000Z (about 1 year ago)
• Last Synced: 2024-11-05T20:31:12.615Z (about 2 months ago)
• Topics: css, design, html, responsive
• Language: HTML
• Homepage:
• Size: 2.26 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# CSS Designs Repository

This repository contains a collection of CSS designs created over time. The designs range from the most recent ones to older ones, all crafted using CSS.

## Screenshots

### Colorful Day-Night Buildings

**Description:**

This design is a set of colorful buildings under the sun in the day view. In the tab and mobile view, it dynamically transforms into grey and black buildings under the moon at night. This design was inspired by learning experiences on FreeCodeCamp.

**Screenshot:**

![Colorful Day-Night Buildings](screenshots/buildingday.png)

![Colorful Day-Night Buildings](screenshots/buidingnight.png)

**Link:**

[Colorful Day-Night Buildings CSS](https://github.com/Jeniya14/css-design/blob/main/building.html)

### CSS Cat Face

**Description:**

This design is a cat face created entirely using CSS without the use of images.

**Screenshot:**

![CSS Cat Face](screenshots/catface.png)

**Link:**

[CSS Cat Face](https://github.com/Jeniya14/css-design/blob/main/meow.html)

### Simple CSS Piano

**Description:**

This design is a minimalist piano created using CSS without the use of images. This design showcases the ability to replicate real-world objects and instruments with CSS styling, offering a simple yet visually appealing representation of a piano.

**Screenshot:**

![Simple CSS Piano](screenshots/piano.png)

**Link:**

[Simple CSS Piano](https://github.com/Jeniya14/css-design/blob/main/piano.html)

## Older Projects

To view my older projects, check out the screenshots folder: [Older Projects Screenshots](screenshots)