[vc_row bg_type=”image” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);” parallax_style=”vcpb-fs-jquery” layer_image=”297″ bg_image_repeat=”no-repeat” bg_image_size=”cover” bg_img_attach=”fixed” parallax_sense=”50″ bg_override=”1″ padding=”15%” font_color=”#ffffff” margin_bottom=”0″][vc_column width=”1/1″][vc_column_text css_animation=”left-to-right”]
Hover Parallax
I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
[/vc_column_text][/vc_column][/vc_row][vc_row bg_type=”image” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);” parallax_style=”vcpb-hz-jquery” layer_image=”297″ bg_image_repeat=”repeat-x” bg_image_size=”cover” bg_img_attach=”fixed” parallax_sense=”50″ bg_override=”1″ padding=”15%” font_color=”#ffffff” margin_bottom=”0″ bg_image=”294″][vc_column width=”1/1″][vc_column_text css_animation=”left-to-right”]
Horizontal Parallax Effect
I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
[/vc_column_text][/vc_column][/vc_row][vc_row bg_type=”image” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);” parallax_style=”vcpb-hz-jquery” layer_image=”297″ bg_image_repeat=”repeat-x” bg_image_size=”cover” bg_img_attach=”fixed” parallax_sense=”50″ bg_override=”1″ padding=”15%” font_color=”#ffffff” margin_bottom=”0″ bg_image=”292″][vc_column width=”1/1″][vc_column_text css_animation=”left-to-right”]
Vertical Parallax Effect
I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
[/vc_column_text][/vc_column][/vc_row][vc_row bg_type=”image” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);” parallax_style=”vcpb-hz-jquery” layer_image=”297″ bg_image_repeat=”repeat-x” bg_image_size=”cover” bg_img_attach=”fixed” parallax_sense=”50″ bg_override=”1″ padding=”15%” font_color=”#ffffff” margin_bottom=”0″ bg_image=”326″][vc_column width=”1/1″][vc_column_text css_animation=”left-to-right”]
Gradient Parallax Effect
[/vc_column_text][just_icon icon_type=”selector” icon=”Defaults-facebook” img_width=”48″ icon_size=”72″ icon_color=”#ffffff” icon_style=”circle” icon_color_bg=”#81d742″ icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ icon_animation=”fadeIn”][just_icon icon_type=”selector” icon=”Defaults-google-plus” img_width=”48″ icon_size=”72″ icon_color=”#ffffff” icon_style=”circle” icon_color_bg=”#81d742″ icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ icon_animation=”fadeIn”][just_icon icon_type=”selector” icon=”Defaults-twitter” img_width=”48″ icon_size=”72″ icon_color=”#ffffff” icon_style=”circle” icon_color_bg=”#81d742″ icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ icon_animation=”fadeIn”][just_icon icon_type=”selector” icon=”Defaults-linkedin” img_width=”48″ icon_size=”72″ icon_color=”#ffffff” icon_style=”circle” icon_color_bg=”#81d742″ icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ icon_animation=”fadeIn”][just_icon icon_type=”selector” icon=”Defaults-github-alt” img_width=”48″ icon_size=”72″ icon_color=”#ffffff” icon_style=”circle” icon_color_bg=”#81d742″ icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ icon_animation=”fadeIn”][/vc_column][/vc_row][vc_row bg_type=”video” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);” parallax_style=”vcpb-hz-jquery” layer_image=”297″ bg_image_repeat=”repeat-x” bg_image_size=”cover” bg_img_attach=”fixed” parallax_sense=”50″ bg_override=”1″ padding=”15%” font_color=”#ffffff” margin_bottom=”0″ bg_image=”326″ video_url=”http://images.apple.com/media/us/iphone-5c/2013/tv-spots/plastic-perfected/iphone5c-plastic-perfected-cc-us-20131011_848x480.mp4″ video_opts=”loop” bg_color=”#ffffff”][vc_column width=”1/1″][vc_column_text css_animation=”left-to-right”]
Video Bg Effect
you can use any wideo as parallax!
[/vc_column_text][/vc_column][/vc_row]