impress.js

impress.jsは、現代のブラウザでのCSS3変換と遷移の力に基づいたプレゼンテーションフレームワークであり、prezi.comの背後にあるアイデアに触発されています。

Latest Ver 0.5.3

Homepage

Github

37,806

📢 impress.jsは、CSS3の機能を利用して動的でインタラクティブなプレゼンテーションを作成できるJavaScriptライブラリです。

CDNダウンロード

License: (MIT OR deprecated_GPL-2.0+)

Asset Type :

すべてのバージョンを見る

https://cdnjs.cloudflare.com/ajax/libs/impress.js/0.5.3/impress.js

https://cdnjs.cloudflare.com/ajax/libs/impress.js/0.5.3/impress.min.js

Sample Code

⚠️ import 文を含む一部のコードは、jsFiddleで正しく実行されない場合があります。エラーが発生した場合は、コードをコピーしてご自身の環境でお試しください。

📄 HTML
<div id='impress'>
  <div id='slide1' class='step' data-x='0' data-y='0'>
    <h1>Welcome to impress.js</h1>
  </div>
  <div id='slide2' class='step' data-x='1000' data-y='0'>
    <p>Slide 2 Content</p>
  </div>
</div>

🧩 External JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/impress.js/1.1.0/impress.min.js"></script>

⚙️ JavaScript
impress().init();