This is a fun, interactive UI component featuring a truck-themed "Book a Demo" button built using HTML, CSS, and jQuery. When clicked, the button animates with a moving truck, a package drop-off, and a success checkmark β providing a unique, visually engaging experience.
- β Smooth, engaging animations
- π Truck animation with SVG and CSS transitions
- π¦ Package drop effect
- βοΈ Success state with animated checkmark
- π¨ Fully responsive and styled using CSS variables
π¦ project-root βββ index.html # HTML structure βββ style.css # Styling and animations βββ script.js # Click interaction logic using jQuery
- Clone the repository:
git clone https://github.com/Arsh-pixel-cmd/demo-truck-button.git cd demo-truck-button
- Open in browser: Simply open index.html in any modern browser. No server setup needed.
π‘ Technologies Used HTML5 CSS3 (Animations & Custom Properties) jQuery 3.4.1 SVG