スターウォーズのオープニングロールが作れるCSS

スターウォーズ風オープニング

スポンサーリンク

スターウォーズ風オープニング

スターウォーズのオープニングテロップが簡単に作れるCSSがあったので試してみました。

ソースファイルのダウンロードや使い方はこちら
http://polarnotion.github.io/starwarsintro/

作り方

作り方は非常に簡単でして、まず以下のHTMLファイルを作成し、 『starwarsintro.css』と『ロゴ画像』を読み込ませます。

ロゴ画像は自分で用意するなら、せっかくなのでスターウォーズ風のフォントを使用しましょう!
フォントは以下からダウンロードできます。
スターウォーズ風フォント

当方が作成したデモページはこちら

https://d-suga.com/archive/20160509_sw/

自分の名前にちなんで、「スガー・ウォーズ」にしてみました。
もちろん日本語でも作れます!