This repository contains the code for a delicious chocolate chip cookie created entirely with HTML & CSS!
Live Demo:
See the cookie in all its glory here: Link to Codepen HTML file.
Technical Details:
- This project uses HTML for basic structure and CSS for styling and animation (no JavaScript).
- The cookie is created using a circular element with a background color resembling a baked cookie.
- Chocolate chips are positioned on top using smaller circles.
- Rotated rectangles add a touch of realism by representing crumbs.
- Feel free to experiment with the CSS to customize the cookie's appearance (color, size, etc.).
How to Run:
-
Clone this repository:
git clone https://github.com/pizofreude/fec-delicious-choco-chip-cookie
-
Open the
index.html
file in your web browser to see the cookie!
Contributing:
We welcome contributions to this project! If you have ideas for improvements or additional cookies you'd like to create with CSS, feel free to submit a pull request.
License:
This project is licensed under the Apache 2.0 License. See the LICENSE file for details.
Enjoy your delicious CSS cookie!