IMAGE 3D TILTFX

CREATE A MOUSEMOVE PSEUDO 3D EFFECT FOR YOUR IMAGES

Image 3D TiltFX Features:

Element will create multiple semi-transparent copies of the original image to create 3D tilt effect
Effect can either be triggered via mouseover/touch or on page scroll
Fully responsive layout
Add tooltip to element
Add one out of multiple click events to element
Show or hide the handle indicator below the image

Export Page Content

[vc_row full_width="stretch_row" margin_top="0" padding_left="0" padding_right="0" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="30" padding_bottom="30" parallax_speed="0.1" margin_left="0" margin_right="0" css=".vc_custom_1479148345221{margin-bottom: 0px !important;background-color: #f6f6f6 !important;}"][vc_column][TS-VCSC-Spacer height="20"][vc_column_text]
<h1 style="text-align: center;">IMAGE 3D TILTFX</h1>
<h3 style="text-align: center;">CREATE A MOUSEMOVE PSEUDO 3D EFFECT FOR YOUR IMAGES</h3>
[/vc_column_text][TS-VCSC-Spacer height="40"][/vc_column][/vc_row][vc_row][vc_column][TS-VCSC-Spacer height="40"][vc_row_inner][vc_column_inner width="1/2"][vc_column_text]
<h2>Image 3D TiltFX Features:</h2>
[/vc_column_text][TS-VCSC-Spacer height="20"][TS_VCSC_Fancy_List list_type="image" marker_image="http://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/bullets/bullet_arrow_blue.png" el_file=""]
<ul>
 	<li>Element will create multiple semi-transparent copies of the original image to create 3D tilt effect</li>
 	<li>Effect can either be triggered via mouseover/touch or on page scroll</li>
 	<li>Fully responsive layout</li>
 	<li>Add tooltip to element</li>
 	<li>Add one out of multiple click events to element</li>
 	<li>Show or hide the handle indicator below the image</li>
</ul>
[/TS_VCSC_Fancy_List][TS-VCSC-Spacer height="20"][TS_VCSC_Content_Export toggle_switch="true" toggle_background="#ffc300" clipboard="true"][/vc_column_inner][vc_column_inner width="1/2"][vc_single_image image="22469" img_size="large" alignment="center" css_animation="fadeInRight"][/vc_column_inner][/vc_row_inner][TS-VCSC-Spacer height="40"][/vc_column][/vc_row][vc_row full_width="stretch_row" margin_top="0" padding_left="0" padding_right="0" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="30" padding_bottom="30" parallax_speed="0.1" margin_left="0" margin_right="0" css=".vc_custom_1479148345221{margin-bottom: 0px !important;background-color: #f6f6f6 !important;}"][vc_column][TS-VCSC-Spacer height="20"][vc_column_text]
<h1 style="text-align: center;">3D TILTFX EXAMPLES</h1>
<h3 style="text-align: center;">CREATE A MOUSEMOVE PSEUDO 3D EFFECT FOR YOUR IMAGES</h3>
[/vc_column_text][TS-VCSC-Spacer height="40"][/vc_column][/vc_row][vc_row][vc_column][TS-VCSC-Spacer height="40"][vc_row_inner][vc_column_inner width="1/2"][TS_VCSC_Image_TiltFX image="21690" overlay_handle_color="#0094ff" tiltfx_extraimgs="3" tiltfx_translatex="-15" tiltfx_translatey="-15" tiltfx_translatez="25" hover_event="image"][/TS_VCSC_Image_TiltFX][/vc_column_inner][vc_column_inner width="1/2"][TS_VCSC_Image_TiltFX image="21670" overlay_handle_color="#0094ff" hover_event="image"][/TS_VCSC_Image_TiltFX][/vc_column_inner][/vc_row_inner][TS-VCSC-Spacer height="40"][/vc_column][/vc_row]

Copy