Skip to content

leowndev/3D-rolling-text-effect

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GitHub language count GitHub last commit License

About

Fade out rolling 3D text effect. Built with GSAP and SplitTextJS.

Demo 👀

Screen capture - shows the texts Naruto, Sasuke, Sakura, and Kakshi with a rolling animation that makes the transition between them.

Technologies 🛠️

Main used tools/technologies:

  • HTML and CSS
  • Vite.js
  • JavaScript
  • GSAP
  • SplitTextJS

How to run this project 🏃

If you to run this project locally, please follow the instructions bellow:

  1. Install Node.js on your local machine. If you already have Node.js ignore this step.
  2. Clone this repository
  3. Open your terminal and run this commands:
npm install # install project dependencies
npm run dev # start project locally. Probably it will be available on localhost:5174

Special Thanks 🙏

About

3D rolling text effect animation.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors