https://github.com/withaarzoo/pencil-loader

https://github.com/withaarzoo/pencil-loader

Last synced: about 10 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/withaarzoo/pencil-loader
• Owner: withaarzoo
• Created: 2023-02-21T09:09:43.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-02-21T09:15:10.000Z (over 1 year ago)
• Last Synced: 2023-12-30T18:51:54.499Z (11 months 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