What can PPTBox do? --York Chan

Beautify your website like pages of powerpoint.

It cantains over 10 kinds of animation.

Now use your mouse or finger to swipe.

Swipe left to see the next page.

Swipe right to see the previous page.

It can easily used on mobile and PC website.

Follow me to get start. Swipe left

Download pptbox.zip

                    
<!-- The relevant CSS  -->
<link rel="stylesheet" href="pptbox.css">
<!-- The HTML required for pptbox -->
<div class="pptbox" animate="rotate">
    <section>
      This is my first page.
    </section>
    <section>
      This is my second page.
    </section>
</div>
<!-- The relevant JavaScript required -->
<script src="pptbox.js"></script>
                
                

Attribute "animate" in element define what kind of animation you want to show:

rotate| skew| tumble| drop| scale| push| turn| drag| slide| switch

Attribute "speed" in element define the speed of animation:

slow|normal|fast

See more animation? Scroll down

Attribute "animate" in element define what kind of animation you want to show:

rotate|skew|tumble|drop| scale| push|turn|drag|fade| slide|switch

Attribute "speed" in element define the speed of animation:

slow|normal|fast

See more animation? Scroll down

Attribute "animate" in element define what kind of animation you want to show:

rotate|skew|tumble|drop| scale| push|turn|drag|fade| slide|switch

Attribute "speed" in element define the speed of animation:

slow|normal|fast

See more animation? Scroll down

Attribute "animate" in element define what kind of animation you want to show:

rotate|skew|tumble|drop| scale| push|turn|drag|fade| slide|switch

Attribute "speed" in element define the speed of animation:

slow|normal|fast

See more animation? Scroll down

Attribute "animate" in element define what kind of animation you want to show:

rotate|skew|tumble|drop| scale| push|turn|drag|fade| slide|switch

Attribute "speed" in element define the speed of animation:

slow|normal|fast

See more animation? Scroll down

Attribute "animate" in element define what kind of animation you want to show:

rotate|skew|tumble|drop| scale| push|turn|drag|fade| slide|switch

Attribute "speed" in element define the speed of animation:

slow|normal|fast

See more animation? Scroll down

Attribute "animate" in element define what kind of animation you want to show:

rotate|skew|tumble|drop| scale| push|turn|drag|fade| slide|switch

Attribute "speed" in element define the speed of animation:

slow|normal|fast

See more animation? Scroll down

Attribute "animate" in element define what kind of animation you want to show:

rotate|skew|tumble|drop| scale| push|turn|drag|fade| slide|switch

Attribute "speed" in element define the speed of animation:

slow|normal|fast

See more animation? Scroll down

Attribute "animate" in element define what kind of animation you want to show:

rotate|skew|tumble|drop| scale| push|turn|drag|fade| slide|switch

Attribute "speed" in element define the speed of animation:

slow|normal|fast

See more animation? Scroll down

Attribute "animate" in element define what kind of animation you want to show:

rotate|skew|tumble|drop| scale| push|turn|drag|fade| slide|switch

Attribute "speed" in element define the speed of animation:

slow|normal|fast

See more animation? Scroll down