Skip to content

🚚 Animated "Book a Demo" Button UI A fun and interactive truck-themed "Book a Demo" button built with HTML, CSS, and jQuery.

Notifications You must be signed in to change notification settings

Arsh-pixel-cmd/order-truck_aniamtion

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

6 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🚚 Animated "Book a Demo" Button

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.


πŸ”§ Features

  • βœ… 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 Structure

πŸ“¦ project-root β”œβ”€β”€ index.html # HTML structure β”œβ”€β”€ style.css # Styling and animations └── script.js # Click interaction logic using jQuery


πŸ“Έ Credit:

▢️ YouTube ---- CodeByGaurav

πŸš€ How to Use

  1. Clone the repository:
    git clone https://github.com/Arsh-pixel-cmd/demo-truck-button.git
    cd demo-truck-button
  2. 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

About

🚚 Animated "Book a Demo" Button UI A fun and interactive truck-themed "Book a Demo" button built with HTML, CSS, and jQuery.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published