impress.js

impress.js는 현대 브라우저에서 CSS3 변환 및 전환의 힘을 기반으로 한 프레젠테이션 프레임워크로, prezi.com의 아이디어에서 영감을 받았습니다.

Latest Ver 0.5.3

Homepage

Github

37,806

📢 impress.js는 CSS3의 기능을 활용하여 동적이고 인터랙티브한 프레젠테이션을 만들 수 있는 자바스크립트 라이브러리입니다.

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();