Skip to content

Latest commit

 

History

History
44 lines (32 loc) · 1.86 KB

README.md

File metadata and controls

44 lines (32 loc) · 1.86 KB
Raw

Sb Advanced Box Customizer

This project provides a customizable box using HTML, CSS, and JavaScript. Users can dynamically adjust the box's appearance with various controls, including adding text and images.

Features

  • Border Radius: Change the roundness of the box corners using a range slider.
  • Border Width: Adjust the thickness of the box's border with a range slider.
  • Border Color: Set the color of the box's border using a color picker.
  • Background Color: Choose the box's background color using a color picker.
  • Add Text: Input custom text to be displayed on the box, with adjustable size, color, and position.
  • Move Text: Adjust the position of the text within the box using range sliders.
  • Upload Image: Add a background image to the box and adjust its size and position.
  • Move Image: Adjust the position of the background image within the box.
  • Download Image: Save your customized box as a PNG image with text and images included.

Files

  • index.html: The main HTML structure of the box and controls.
  • style.css: CSS for styling the box and controls.
  • script.js: JavaScript for handling user input and updating the box dynamically.

Usage

  1. Clone the repository:

    git clone https://github.com/sbmods1/Sb-Magic-Box

  2. Navigate to the project directory:

    cd Sb-Magic-Box-main

  3. Open index.html in a web browser to interact with the customizable box. Adjust the sliders, color pickers, add text, and images to see the changes applied in real-time.

  4. You can see it preview here: https://sbmodsviptest.tiiny.site

Bunte From Pluto 999

  • Bunte meow 😼🗿 @I_Am_A_Game_Modder_01👉🗿 👈

Credit

Credit by Sb Mods. Please join for more projects in this channel: https://t.me/SbMods54