• Before and After for SharePoint,
    Office 365 and SAP Portal

    Add Before and After ShortPoint Element to SharePoint page to show two images in before and after animation.

  •  

    Live Preview

Before and After Example



Before and After – Different Styles

Smooth Style

Click Style

Hover Style

Before and After – Custom Width

Before and After Features



  • Add Before and After

    Just add before and after images, and choose the width if it’s needed! That’s It!

Before and After ShortPoint Options

Option Value Default Description
before-image ‘link’ Required. before image url
For best results, after-image size need to be same as before image size
after-image ‘link’ Required. after image url
For best results, after-image size need to be same as before image size
click smooth Images transition style is on click
hover smooth Images transition style is on hover
width number image width the width value in pixels
  • More Before and After Examples

    And that’s not all! Check more awesome Before and After examples on our demo site right now!

  •  

    Live Preview


Explore More ShortPoint Design Elements
For SharePoint, Office 365 and SAP Portal

Everything you need to build gorgeous intranet sites and portals