https://github.com/withaarzoo/pencil-loader
https://github.com/withaarzoo/pencil-loader
Last synced: 11 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/withaarzoo/pencil-loader
- Owner: withaarzoo
- Created: 2023-02-21T09:09:43.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-21T09:15:10.000Z (over 2 years ago)
- Last Synced: 2025-06-22T19:05:09.800Z (11 days ago)
- Language: CSS
- Size: 3.91 KB
- Stars: 8
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pencil Loader
This is an HTML and CSS code for a pencil loader animation. The loader consists of a pencil with three different-colored circular bodies, an eraser, and a point.
## Prerequisites
To run this code, you will need a web browser that supports SVGs.
## Installing
You can download the source code directly or clone the repository using the following command:
``` bash
git clone https://github.com/Aarzoo75/Pencil-Loader.git
```
## Usage
To use the pencil loader, simply open the index.html file in your web browser. You can also copy and paste the code into your own HTML and CSS files and modify it as necessary.
## Customization
You can customize the size of the loader by modifying the width and height properties in the .pencil CSS class. You can also change the colors of the loader by modifying the stroke and fill properties in the .pencil__body1, .pencil__body2, .pencil__body3, .pencil__eraser-skew, .pencil__point, and .pencil__stroke CSS classes.
## Preview
