[vc_row][vc_column][royal_before_after_image rf_before_image=”1488″ rf_after_image=”1489″ rf_ba_divider=”yes” rf_ba_divider_pos=”57%” rf_ba_divider_move=”mousedrag” rf_ba_divider_col=”rgba(153,153,153,0.1)” rf_ba_divider_hcol=”#262626″ rf_ba_captions=”default” rf_ba_captions_display=”hover” rf_ba_animation=”1000″][ultimate_spacer height=”15″][vc_column_text]

Example with Before-After Caption & Animation

[/vc_column_text][ultimate_spacer height=”15″][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][royal_before_after_image rf_before_image=”1488″ rf_after_image=”1489″ rf_ba_divider=”yes” rf_ba_divider_pos=”45%” rf_ba_divider_move=”mousedrag” rf_ba_divider_hcol=”#262626″][ultimate_spacer height=”15″][vc_column_text]

Example without Captions

[/vc_column_text][ultimate_spacer height=”15″][/vc_column][vc_column width=”1/2″][royal_before_after_image rf_before_image=”1488″ rf_after_image=”1489″ rf_ba_divider=”yes” rf_ba_divider_move=”mousedrag” rf_ba_divider_hcol=”#262626″ rf_ba_transition=”sidebyside”][ultimate_spacer height=”15″][vc_column_text]

Example “Side by Side”

[/vc_column_text][ultimate_spacer height=”15″][/vc_column][/vc_row][vc_row][vc_column][royal_before_after_image rf_before_image=”1488″ rf_after_image=”1489″ rf_ba_divider=”yes” rf_ba_divider_move=”mousedrag” rf_ba_divider_hcol=”#262626″ rf_ba_transition=”leftslide”][ultimate_spacer height=”15″][vc_column_text]

Example “Slide from Left”

[/vc_column_text][ultimate_spacer height=”15″][/vc_column][/vc_row][vc_row css=”.vc_custom_1487745941542{padding-top: 20px !important;padding-bottom: 20px !important;}”][vc_column width=”1/3″][vc_column_text]Before-After images are fully responsive and will fit any kind of device screen. It has 3 transition options: Overlay, Slide from Left[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_column_text]Side by Side with click+drag or follow mouse move options combination. Also you can enable/disable image captions[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_column_text]– display them by default or on image hover, enable/disable divider, select unlimited colors and so on…[/vc_column_text][/vc_column][/vc_row]

  • Skills:
    • Illustrator
    • Photoshop