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

This is a simple HTML and CSS code for a deleting loader animation. It is a combination of a button and a garbage bin icon, with a loader animation in the middle. The loader animation is comprised of six white dots that light up in sequence.
https://github.com/withaarzoo/deleting-loader

css html webdevelopment

Last synced: about 10 hours ago
JSON representation

This is a simple HTML and CSS code for a deleting loader animation. It is a combination of a button and a garbage bin icon, with a loader animation in the middle. The loader animation is comprised of six white dots that light up in sequence.

• Host: GitHub
• URL: https://github.com/withaarzoo/deleting-loader
• Owner: withaarzoo
• Created: 2023-04-10T12:04:26.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-04-10T12:08:10.000Z (over 1 year ago)
• Last Synced: 2023-12-30T18:51:52.292Z (11 months ago)
• Topics: css, html, webdevelopment
• Language: CSS
• Homepage:
• Size: 2.93 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Deleting Loader

This is a simple HTML and CSS code for a deleting loader animation. It is a combination of a button and a garbage bin icon, with a loader animation in the middle. The loader animation is comprised of six white dots that light up in sequence.

Deleting Loader Preview

## Installation

Simply download the `index.html` and `style.css` files and put them in the same directory. You can then open the `index.html` file in your browser to view the animation.

## Usage

The HTML code is straightforward and can be easily modified to fit into any web page. You can change the title of the page by editing the `` tag.

The CSS code uses Google Fonts to import the `Montserrat` font. If you wish to use a different font, simply modify the `font-family` attribute in the `button` selector.

## Preview