強火で進め

このブログではプログラム関連の記事を中心に書いてます。

HTMLの記述だけで動きの有るスライドを作成可能なライブラリ「impress.js」


prezi.comにインスパイアされて作られたライブラリみたいです。

data-x や data-y で表示位置を指定します。

    <div id="bored" class="step slide" data-x="-1000" data-y="-1500">

data-rotate で回転、 data-scale で拡大率を変更します。

    <div id="its" class="step" data-x="850" data-y="3000" data-rotate="90" data-scale="5">

JSファイルはbodyの閉じタグの前に記述しておかないと正しく動作しない様なので注意して下さい。

<script src="js/impress.js"></script>
</body>

bartaz/impress.js - GitHub
https://github.com/bartaz/impress.js