Skip to main content

DO IT introduction: 3D text with CSS and JS

· One min read

In the introduction, I explain where the idea of ​​reproducing a three-dimensional text came from.

The idea came to me while I was browsing Dribbble. I came across this animation by Mat Voyce called DO IT:

DO IT - Mat Voyce

DO IT by Mat Voyce, via Dribbble

The three-dimensional effect gave me the idea of ​​doing something similar that would interact with the mouse cursor. I've separated what I learned into a few posts:

  1. HTML: defining the HTML structure
  2. CSS: defining the CSS styles
  3. JS: implementing the interaction with JS
  4. Conclusion: final thoughts

I decided to experiment with the three-dimensional part, without animation elements in the letters.