Skip to content

ziadhashem/Drawing-by-CSS3

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎨 Drawing by CSS3

A creative front-end project demonstrating how to draw shapes, objects, or characters using only pure CSS3 β€” no images or JavaScript involved.

πŸ‘‰ Live Demo: https://ziadhashem.github.io/Drawing-by-CSS3/


🧠 About the Project

This project showcases the power of modern CSS to render visual drawings using:

  • div elements
  • positioning
  • border-radius
  • transform, rotate, scale
  • Gradients and shadows

Each drawing is made up of carefully styled HTML elements.


πŸ“Έ Preview

Screenshot 2025-06-24 010651


πŸ› οΈ Technologies Used

  • HTML5 (basic structure)
  • CSS3 (all the magic happens here)

πŸš€ How to Run Locally

  1. Clone the repository:
git clone https://github.com/ziadhashem/Drawing-by-CSS3.git
cd Drawing-by-CSS3