Star Wars opener recreated in CSS
Web designer Tim Pietrusky has recreated the famous opening scene from Star Wars - and has given you the markup to use too.
Web designer Tim Pietrusky couldn't find a web version of the famous opening crawl sequence from 1977 sci-fi movie Star Wars - so he created his own version, using only HTML5, CSS and JavaScript.
His browser-based version of the much-loved movie title sequence is brilliantly executed, and it's a clear demonstration of how far we've come in the years since a plugin like Flash would have been needed to create such things. You can watch the animation here.
Even better, Pietrusky has made the code available on Codepen.io for you to use in your own projects, plus there's a fascinating breakdown of thinking behind the HTML, CSS and JavaScript here. And if you're seeking further inspiration, check out these stunning examples of CSS3 animation.
[via Gizmodo]
Like this? Read these!
- Great web fonts for designers - and they're free
- How to build an app: try these great tutorials
- Illustrator tutorials: amazing ideas to try today!
Have you seen a great example of something cool created entirely in markup? Let us know in the comments below...
Thank you for reading 5 articles this month* Join now for unlimited access
Enjoy your first month for just £1 / $1 / €1
*Read 5 free articles per month without a subscription
Join now for unlimited access
Try first month for just £1 / $1 / €1
Get top Black Friday deals sent straight to your inbox: Sign up now!
We curate the best offers on creative kit and give our expert recommendations to save you time this Black Friday. Upgrade your setup for less with Creative Bloq.
The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of eight full-time members of staff: Editor Georgia Coggan, Deputy Editor Rosie Hilder, Ecommerce Editor Beren Neale, Senior News Editor Daniel Piper, Editor, Digital Art and 3D Ian Dean, Tech Reviews Editor Erlingur Einarsson and Ecommerce Writer Beth Nicholls and Staff Writer Natalie Fear, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.
Related articles
- 3D art of the week: Gannon Faust Jaspering
- The near-perfect Pixel 9 Pro phone has $200 knocked off its price for Black Friday
- An iPad for under $200? This Black Friday deal is perfect for those on a budget
- LIVE: Black Friday MacBook deals are off to a flying start with record low prices on M4 MacBook Pros as well as MacBook Airs