Computer SVG Animation

Table of Contents

• Computer SVG Animation
  • Table of Contents
  • Overview
  • Demo
  • Features
  • Installation
  • Usage
  • Contributing
  • Acknowledgments
  • License
  • Author

Overview

Interactive computer animation using GSAP and an SVG. Features a button that triggers a sequence animating the computer's assembly, complete with scaling, bounce, and staggered effects. Button states include hover, active, and disabled.

Demo

Check out the live demo on CodePen: Computer SVG Animation

Features

• Intricate SVG animation
• Seamless integration with GSAP for smooth transitions
• Playful representation of a computer coming to life

Installation

To run this project locally, follow these steps:

1. Clone the repository: git clone https://github.com/Karl-Horning/computer-svg-animation.git
2. Navigate to the project directory: cd computer-svg-animation
3. Open index.html in your preferred web browser.

Usage

Simply open the index.html file in a web browser and click the "Play Now" button to experience the mesmerizing animation.

Contributing

Contributions are welcome! Feel free to open issues or submit pull requests to improve the project.

Acknowledgments

• Original SVG and animation from Lewis Menelaws
• Monitor SVG Animation CodePen by Lewis Menelaws
• GSAP (GreenSock Animation Platform) for providing powerful animation tools

License

This project is licensed under the MIT License - see the LICENSE file for details.

Author

Karl Horning:

• GitHub
• LinkedIn
• CodePen