Skip to content

Developing the Star Wars opening crawl in HTML/CSS

Christopher Kade on January 31, 2018

Even though Star Wars: The Last Jedi is a divisive movie (which is not the point of this article, I promise), it inspired me to develop the most us... [Read Full]
markdown guide

Nice post! Had to do some changes but I had some fun doing this!
Thank you!


This is pretty amazing. How could I set the canvas size to fit the center of my website? I don't see any place in the code where it defines the width. If I wanted it to be 980px, where do I add that? Do I add it in the BG CSS?


Awesome men! I'm a learning webdev and this is a fun and good exercise.
I learned some new stuff in js and css thanks to you. πŸ™πŸΌπŸ™πŸΌπŸ™πŸΌ

You made my (hangover) day ! πŸ˜ƒ

Thanks men, do not hesitate to share other stuffs like that


I've been thinking about this a lot. Nice one!


The final touch would be a complete Star Wars movie made with JS, hehehe!


This was awesome, following and can't wait for more!


Awesome Christopher, Amazing Work.. I have tested on HTML Formatter and loved it


Kick ass! Thank you so much for the great tutorial.
I'm working on a React App consuming the Star Wars API and this is great for the home page.

Love your work :-)


So much Chris!!!! I was so looking to be able to do this...THANKS! Got it working on my html


Hey there! is there a way I can use another logo instead of the Star Wars logo?


Hey, absolutely, just replace the Star Wars SVG with your own

code of conduct - report abuse