Weather Toggle Switch - Copy this Html, Bootstrap Component to your project

Here’s a description of the design in English: The button is a **round toggle switch**, divided diagonally into two sections: one for **On** and one for **Off**. When you click on the button, it smoothly transitions between the two states. The division inside the button is done in a slanted (diagonal) style. **On state**: When the button is toggled to the "On" state, the background changes to represent **sunny weather**. **Off state**: When toggled to "Off", the background represents **rainy weather**. The **transition between states** is smooth and visually appealing, so the movement of the button and the background change happens with a fluid animation. The button and background change are synchronized to create a cohesive, smooth experience where both the button’s appearance and the background color or image transition in sync. This design is implemented using **HTML and CSS** for visual styling and animations.