A simple yet interactive project where you can toggle a light bulb on and off, accompanied by a satisfying click sound. This project demonstrates the power of HTML, CSS, and JavaScript in creating an engaging user experience, perfect for beginner web developers.
- Dynamic Design: A glowing light bulb effect with smooth transitions.
- Interactive Sound: Includes a realistic click sound effect for added interactivity.
- Responsive Layout: Adapts seamlessly to desktop, tablet, and mobile devices.
- Customizable Styling: Modify colors, shadows, and animations effortlessly.
- HTML: Provides the structure of the project.
- CSS: Adds styling, animations, and responsiveness.
- JavaScript: Handles the toggle functionality and audio playback.
- Sound Effect: Replace the
audio/click.mp3
file with any sound of your choice. - Colors & Effects: Modify the
.bulb
andbody.on
styles instyle.css
to create a unique design.
If you liked this project, don't forget to star the repository!
Feel free to fork it and create your own version.
Your feedback matters! Please create an issue or reach out with suggestions to improve this project. Contributions are always welcome.
This project is ideal for learning basic web interactivity and styling using JavaScript and CSS. Whether you're a beginner or want to showcase a fun project, this is a great addition to your portfolio.