https://github.com/withaarzoo/amazing-bird-transform-buttons

https://github.com/withaarzoo/amazing-bird-transform-buttons

Last synced: about 10 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/withaarzoo/amazing-bird-transform-buttons
• Owner: withaarzoo
• Created: 2023-02-23T13:55:53.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-02-24T04:21:47.000Z (over 1 year ago)
• Last Synced: 2023-12-30T18:51:49.515Z (11 months ago)
• Language: CSS
• Size: 5.86 KB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Amazing Bird Transform Button

This repository contains HTML and CSS code for creating amazing bird transform buttons. There are three types of buttons available, each with different color combinations.

## Usage

To use these buttons, simply copy the HTML and CSS code from this repository into your project. Then, modify the code as necessary to match your project requirements.

There are three different types of buttons available, each with its own CSS class:

* `button--typeA`

* `button--typeB`

* `button--typeC`

To use a particular type of button, add the corresponding class to your HTML code.

```HTML



  



```

## Customization

These buttons can be customized by modifying the CSS variables in the code. Each button type has its own set of variables, which can be changed to alter the appearance of the button.

```CSS 

.button--typeA {

  --mainColor: #003c55;

  --subColor_1: #e97100;

  --subColor_2: #ff9b0a;

  --accentColor: #cf005e;

  --treeColor: #7a5200;

  --skyColor: #4aaeff;

  --leafColor_1: #008a49;

  --leafColor_2: #00c94f;

}

```

To customize the button colors, simply change the values of the CSS variables to the desired colors.

## Preview