• WE ARE MOVING

    Visit our new demos website powered by SharePoint and ShortPoint.

  • LET’S GO!

Enhance the features of your SharePoint page content was never more easy.

Animate ShortPoint used to wrap any kind of content to animate it. More than 60 different animations, control the speed, activation, animation, and delay.

Please Scroll Down a Little Bit

|
|
|
|
|
|
|
|
|
|
|
|
|
[do action=”animate-image”/]

Keep Scrolling

|
|
|
|
|
|
|
|
|
|
|
|
|
[do action=”animate-image” type=”fade-in-down”/]

More animations

|
|
[do action=”animate-image” type=”flash”/]
[do action=”animate-image” type=”bounce”/]
[do action=”animate-image” type=”shake”/]
[do action=”animate-image” type=”tada”/]
[do action=”animate-image” type=”swing”/]
[do action=”animate-image” type=”wobble”/]
[do action=”animate-image” type=”pulse”/]
[do action=”animate-image” type=”flip”/]
[do action=”animate-image” type=”flip-in-x”/]
[do action=”animate-image” type=”flip-out-x” hideoninit=”false”/]
[do action=”animate-image” type=”flip-in-y”/]
[do action=”animate-image” type=”flip-out-y” hideoninit=”false”/]
[do action=”animate-image” type=”fade-in-up”/]
[do action=”animate-image” type=”fade-in-down”/]
[do action=”animate-image” type=”fade-in-left”/]
[do action=”animate-image” type=”fade-in-right”/]
[do action=”animate-image” type=”fade-in-up-big”/]
[do action=”animate-image” type=”fade-in-down-big”/]
[do action=”animate-image” type=”fade-in-left-big”/]
[do action=”animate-image” type=”fade-in-right-big”/]
[do action=”animate-image” type=”fade-out” hideoninit=”false”/]
[do action=”animate-image” type=”fade-out-up” hideoninit=”false”/]
[do action=”animate-image” type=”fade-out-down” hideoninit=”false”/]
[do action=”animate-image” type=”fade-out-left” hideoninit=”false”/]
[do action=”animate-image” type=”fade-out-right” hideoninit=”false”/]
[do action=”animate-image” type=”fade-out-up-big” hideoninit=”false”/]
[do action=”animate-image” type=”fade-out-down-big” hideoninit=”false”/]
[do action=”animate-image” type=”fade-out-left-big” hideoninit=”false”/]
[do action=”animate-image” type=”fade-out-right-big” hideoninit=”false”/]
[do action=”animate-image” type=”slide-in-down”/]
[do action=”animate-image” type=”slide-in-left”/]
[do action=”animate-image” type=”slide-in-right”/]
[do action=”animate-image” type=”slide-out-up” hideoninit=”false”/]
[do action=”animate-image” type=”slide-out-left” hideoninit=”false”/]
[do action=”animate-image” type=”slide-out-right” hideoninit=”false”/]
[do action=”animate-image” type=”bounce-in”/]
[do action=”animate-image” type=”bounce-in-down”/]
[do action=”animate-image” type=”bounce-in-up”/]
[do action=”animate-image” type=”bounce-in-left”/]
[do action=”animate-image” type=”bounce-in-right”/]
[do action=”animate-image” type=”bounce-out” hideoninit=”false”/]
[do action=”animate-image” type=”bounce-out-down” hideoninit=”false”/]
[do action=”animate-image” type=”bounce-out-up” hideoninit=”false”/]
[do action=”animate-image” type=”bounce-out-left” hideoninit=”false”/]
[do action=”animate-image” type=”bounce-out-right” hideoninit=”false”/]
[do action=”animate-image” type=”rotate-in”/]
[do action=”animate-image” type=”rotate-in-down-left”/]
[do action=”animate-image” type=”rotate-in-down-right”/]
[do action=”animate-image” type=”rotate-in-up-left”/]
[do action=”animate-image” type=”rotate-in-up-right”/]
[do action=”animate-image” type=”rotate-out” hideoninit=”false”/]
[do action=”animate-image” type=”rotate-out-down-left” hideoninit=”false”/]
[do action=”animate-image” type=”rotate-out-down-right” hideoninit=”false”/]
[do action=”animate-image” type=”rotate-out-up-left” hideoninit=”false”/]
[do action=”animate-image” type=”rotate-out-up-right” hideoninit=”false”/]
[do action=”animate-image” type=”light-speed-in”/]
[do action=”animate-image” type=”light-speed-out”/]
[do action=”animate-image” type=”hinge” hideoninit=”false”/]
[do action=”animate-image” type=”roll-in”/]
[do action=”animate-image” type=”roll-out” hideoninit=”false”/]

Animate ShortPoint Options

Option Value Default Description
type type fade-in choose the animation type form the examples above
show-on-init true|false false true if you want the content to be displayed on entrance
duration seconds .5s How long you want the animation to last
offset percentage 75% How long you want to wait after the page is loaded before kicking off the animation