{"id":231190,"date":"2019-09-26T00:35:00","date_gmt":"2019-09-26T00:35:00","guid":{"rendered":"https:\/\/themes.kerjemtec.com\/code-snippets\/?page_id=231190"},"modified":"2019-09-26T00:35:05","modified_gmt":"2019-09-26T00:35:05","slug":"hover-effects-with-css-parallax-backgrounds","status":"publish","type":"page","link":"https:\/\/themes.kerjemtec.com\/code-snippets\/hover-effects-with-css-parallax-backgrounds\/","title":{"rendered":"Hover Effects with CSS Parallax Backgrounds"},"content":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”3.26.6″ background_image=”http:\/\/jason.sandbox.etdevs.com\/design\/wp-content\/uploads\/sites\/4\/2019\/02\/section-bg-12.jpg” parallax=”on” parallax_method=”off” custom_margin=”||10vw||false|false” custom_padding=”10vw||10vw||true|false”][et_pb_row _builder_version=”3.26.6″][et_pb_column type=”1_3″ _builder_version=”3.26.6″ box_shadow_color__hover_enabled=”on” box_shadow_color__hover=”rgba(0,0,0,0.72)” transform_styles__hover_enabled=”on” transform_scale__hover_enabled=”on” transform_translate__hover_enabled=”on” transform_rotate__hover_enabled=”on” transform_skew__hover_enabled=”on” transform_origin__hover_enabled=”on” transform_scale__hover=”105%|105%” transform_translate_linked__hover=”off” transform_translate__hover=”0px|-2.5%” border_width_bottom__hover_enabled=”off” border_radii__hover_enabled=”on” transform_origin__hover=”50%|100%”][et_pb_blurb title=”Your Title Goes Here” use_icon=”on” font_icon=”%%154%%” icon_color=”#ffffff” use_icon_font_size=”on” icon_font_size=”50px” _builder_version=”3.26.6″ header_font=”Oswald|||on|||||” header_text_color=”#ffffff” header_letter_spacing=”2px” body_font=”Nunito||||||||” body_text_color=”#ffffff” body_letter_spacing=”1px” text_orientation=”center” custom_padding=”30px|30px|30px|30px|true|true”]<\/p>\n

Your content goes here. Edit or remove this text inline or in the module Content settings. <\/p>\n

[\/et_pb_blurb][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.26.6″ box_shadow_color__hover_enabled=”on” box_shadow_color__hover=”rgba(0,0,0,0.72)” transform_styles__hover_enabled=”on” transform_scale__hover_enabled=”on” transform_translate__hover_enabled=”on” transform_rotate__hover_enabled=”on” transform_skew__hover_enabled=”on” transform_origin__hover_enabled=”on” transform_scale__hover=”105%|105%” transform_translate_linked__hover=”off” transform_translate__hover=”0px|-2.5%” border_width_bottom__hover_enabled=”off” border_radii__hover_enabled=”on” transform_origin__hover=”50%|100%”][et_pb_blurb title=”Your Title Goes Here” use_icon=”on” font_icon=”%%154%%” icon_color=”#ffffff” use_icon_font_size=”on” icon_font_size=”50px” _builder_version=”3.26.6″ header_font=”Oswald|||on|||||” header_text_color=”#ffffff” header_letter_spacing=”2px” body_font=”Nunito||||||||” body_text_color=”#ffffff” body_letter_spacing=”1px” text_orientation=”center” custom_padding=”30px|30px|30px|30px|true|true”]<\/p>\n

Your content goes here. Edit or remove this text inline or in the module Content settings. <\/p>\n

[\/et_pb_blurb][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.26.6″ box_shadow_color__hover_enabled=”on” box_shadow_color__hover=”rgba(0,0,0,0.72)” transform_styles__hover_enabled=”on” transform_scale__hover_enabled=”on” transform_translate__hover_enabled=”on” transform_rotate__hover_enabled=”on” transform_skew__hover_enabled=”on” transform_origin__hover_enabled=”on” transform_scale__hover=”105%|105%” transform_translate_linked__hover=”off” transform_translate__hover=”0px|-2.5%” border_width_bottom__hover_enabled=”off” border_radii__hover_enabled=”on” transform_origin__hover=”50%|100%”][et_pb_blurb title=”Your Title Goes Here” use_icon=”on” font_icon=”%%154%%” icon_color=”#ffffff” use_icon_font_size=”on” icon_font_size=”50px” _builder_version=”3.26.6″ header_font=”Oswald|||on|||||” header_text_color=”#ffffff” header_letter_spacing=”2px” body_font=”Nunito||||||||” body_text_color=”#ffffff” body_letter_spacing=”1px” text_orientation=”center” custom_padding=”30px|30px|30px|30px|true|true”]<\/p>\n

Your content goes here. Edit or remove this text inline or in the module Content settings. <\/p>\n

[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”3.26.6″ background_image=”http:\/\/jason.sandbox.etdevs.com\/design\/wp-content\/uploads\/sites\/4\/2019\/03\/home-improvement-58.jpg” parallax=”on” parallax_method=”off” custom_margin=”||10vw||false|false” custom_padding=”10vw||10vw||true|false”][et_pb_row _builder_version=”3.26.6″][et_pb_column type=”1_3″ _builder_version=”3.26.6″ box_shadow_color__hover_enabled=”on” box_shadow_color__hover=”rgba(0,0,0,0.72)” transform_styles__hover_enabled=”on” transform_scale__hover_enabled=”on” transform_translate__hover_enabled=”on” transform_rotate__hover_enabled=”on” transform_skew__hover_enabled=”on” transform_origin__hover_enabled=”on” transform_scale__hover=”105%|105%” transform_translate_linked__hover=”off” transform_translate__hover=”0px|-2.5%” border_width_bottom__hover_enabled=”off” border_radii__hover_enabled=”on” transform_rotate__hover=”0deg|0deg|6deg”][et_pb_blurb title=”Your Title Goes Here” use_icon=”on” font_icon=”%%154%%” icon_color=”#222222″ use_icon_font_size=”on” icon_font_size=”50px” _builder_version=”3.26.6″ header_font=”Oswald|||on|||||” header_text_color=”#222222″ header_letter_spacing=”2px” body_font=”Nunito||||||||” body_text_color=”#222222″ body_letter_spacing=”1px” text_orientation=”center” custom_padding=”30px|30px|30px|30px|true|true” transform_styles__hover_enabled=”off” transform_scale__hover_enabled=”off” transform_translate__hover_enabled=”off” transform_rotate__hover_enabled=”off” transform_skew__hover_enabled=”off” transform_origin__hover_enabled=”off”]<\/p>\n

Your content goes here. Edit or remove this text inline or in the module Content settings. <\/p>\n

[\/et_pb_blurb][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.26.6″ box_shadow_color__hover_enabled=”on” box_shadow_color__hover=”rgba(0,0,0,0.72)” transform_styles__hover_enabled=”on” transform_scale__hover_enabled=”on” transform_translate__hover_enabled=”on” transform_rotate__hover_enabled=”on” transform_skew__hover_enabled=”on” transform_origin__hover_enabled=”on” transform_scale__hover=”105%|105%” transform_translate_linked__hover=”off” transform_translate__hover=”0px|-2.5%” border_width_bottom__hover_enabled=”off” border_radii__hover_enabled=”on” transform_rotate__hover=”0deg|0deg|-6deg”][et_pb_blurb title=”Your Title Goes Here” use_icon=”on” font_icon=”%%154%%” icon_color=”#222222″ use_icon_font_size=”on” icon_font_size=”50px” _builder_version=”3.26.6″ header_font=”Oswald|||on|||||” header_text_color=”#222222″ header_letter_spacing=”2px” body_font=”Nunito||||||||” body_text_color=”#222222″ body_letter_spacing=”1px” text_orientation=”center” custom_padding=”30px|30px|30px|30px|true|true”]<\/p>\n

Your content goes here. Edit or remove this text inline or in the module Content settings. <\/p>\n

[\/et_pb_blurb][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.26.6″ box_shadow_color__hover_enabled=”on” box_shadow_color__hover=”rgba(0,0,0,0.72)” transform_styles__hover_enabled=”on” transform_scale__hover_enabled=”on” transform_translate__hover_enabled=”on” transform_rotate__hover_enabled=”on” transform_skew__hover_enabled=”on” transform_origin__hover_enabled=”on” transform_scale__hover=”105%|105%” transform_translate_linked__hover=”off” transform_translate__hover=”0px|-2.5%” border_width_bottom__hover_enabled=”off” border_radii__hover_enabled=”on” transform_rotate__hover=”0deg|0deg|6deg”][et_pb_blurb title=”Your Title Goes Here” use_icon=”on” font_icon=”%%154%%” icon_color=”#222222″ use_icon_font_size=”on” icon_font_size=”50px” _builder_version=”3.26.6″ header_font=”Oswald|||on|||||” header_text_color=”#222222″ header_letter_spacing=”2px” body_font=”Nunito||||||||” body_text_color=”#222222″ body_letter_spacing=”1px” text_orientation=”center” custom_padding=”30px|30px|30px|30px|true|true”]<\/p>\n

Your content goes here. Edit or remove this text inline or in the module Content settings. <\/p>\n

[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”3.26.6″ background_image=”http:\/\/jason.sandbox.etdevs.com\/design\/wp-content\/uploads\/sites\/4\/2019\/02\/section-bg-12.jpg” parallax=”on” parallax_method=”off” custom_margin=”||10vw||false|false” custom_padding=”10vw||10vw||true|false”][et_pb_row _builder_version=”3.26.6″][et_pb_column type=”1_3″ _builder_version=”3.26.6″ box_shadow_color__hover_enabled=”on” box_shadow_color__hover=”rgba(0,0,0,0.72)” transform_styles__hover_enabled=”on” transform_scale__hover_enabled=”on” transform_translate__hover_enabled=”on” transform_rotate__hover_enabled=”on” transform_skew__hover_enabled=”on” transform_origin__hover_enabled=”on” transform_scale__hover=”105%|105%” transform_translate_linked__hover=”off” transform_translate__hover=”0px|-2.5%” border_width_bottom__hover_enabled=”off” border_radii__hover_enabled=”on” transform_rotate__hover=”0deg|0deg|6deg”][et_pb_blurb title=”Your Title Goes Here” use_icon=”on” font_icon=”%%154%%” icon_color=”#ffffff” use_icon_font_size=”on” icon_font_size=”50px” _builder_version=”3.26.6″ header_font=”Oswald|||on|||||” header_text_color=”#ffffff” header_letter_spacing=”2px” body_font=”Nunito||||||||” body_text_color=”#ffffff” body_letter_spacing=”1px” text_orientation=”center” custom_padding=”30px|30px|30px|30px|true|true” transform_styles__hover_enabled=”off” transform_scale__hover_enabled=”off” transform_translate__hover_enabled=”off” transform_rotate__hover_enabled=”off” transform_skew__hover_enabled=”off” transform_origin__hover_enabled=”off”]<\/p>\n

Your content goes here. Edit or remove this text inline or in the module Content settings. <\/p>\n

[\/et_pb_blurb][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.26.6″ box_shadow_color__hover_enabled=”on” box_shadow_color__hover=”rgba(0,0,0,0.72)” transform_styles__hover_enabled=”on” transform_scale__hover_enabled=”on” transform_translate__hover_enabled=”on” transform_rotate__hover_enabled=”on” transform_skew__hover_enabled=”on” transform_origin__hover_enabled=”on” transform_scale__hover=”105%|105%” transform_translate_linked__hover=”off” transform_translate__hover=”0px|-2.5%” border_width_bottom__hover_enabled=”off” border_radii__hover_enabled=”on” transform_rotate__hover=”0deg|0deg|-6deg”][et_pb_blurb title=”Your Title Goes Here” use_icon=”on” font_icon=”%%154%%” icon_color=”#ffffff” use_icon_font_size=”on” icon_font_size=”50px” _builder_version=”3.26.6″ header_font=”Oswald|||on|||||” header_text_color=”#ffffff” header_letter_spacing=”2px” body_font=”Nunito||||||||” body_text_color=”#ffffff” body_letter_spacing=”1px” text_orientation=”center” custom_padding=”30px|30px|30px|30px|true|true”]<\/p>\n

Your content goes here. Edit or remove this text inline or in the module Content settings. <\/p>\n

[\/et_pb_blurb][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.26.6″ box_shadow_color__hover_enabled=”on” box_shadow_color__hover=”rgba(0,0,0,0.72)” transform_styles__hover_enabled=”on” transform_scale__hover_enabled=”on” transform_translate__hover_enabled=”on” transform_rotate__hover_enabled=”on” transform_skew__hover_enabled=”on” transform_origin__hover_enabled=”on” transform_scale__hover=”105%|105%” transform_translate_linked__hover=”off” transform_translate__hover=”0px|-2.5%” border_width_bottom__hover_enabled=”off” border_radii__hover_enabled=”on” transform_rotate__hover=”0deg|0deg|6deg”][et_pb_blurb title=”Your Title Goes Here” use_icon=”on” font_icon=”%%154%%” icon_color=”#ffffff” use_icon_font_size=”on” icon_font_size=”50px” _builder_version=”3.26.6″ header_font=”Oswald|||on|||||” header_text_color=”#ffffff” header_letter_spacing=”2px” body_font=”Nunito||||||||” body_text_color=”#ffffff” body_letter_spacing=”1px” text_orientation=”center” custom_padding=”30px|30px|30px|30px|true|true”]<\/p>\n

Your content goes here. Edit or remove this text inline or in the module Content settings. <\/p>\n

[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”3.26.6″ background_image=”http:\/\/jason.sandbox.etdevs.com\/design\/wp-content\/uploads\/sites\/4\/2019\/05\/gaming-11.jpg” parallax=”on” parallax_method=”off” custom_margin=”||10vw||false|false” custom_padding=”10vw||10vw||true|false”][et_pb_row use_custom_gutter=”on” gutter_width=”1″ _builder_version=”3.26.6″][et_pb_column type=”1_3″ _builder_version=”3.26.6″][et_pb_blurb title=”Your Title Goes Here” use_icon=”on” font_icon=”%%52%%” icon_color=”#ffffff” use_icon_font_size=”on” icon_font_size=”50px” _builder_version=”3.26.6″ header_font=”Oswald|||on|||||” header_text_color=”#ffffff” header_letter_spacing=”2px” body_font=”Nunito||||||||” body_text_color=”#ffffff” body_letter_spacing=”1px” background_image=”http:\/\/jason.sandbox.etdevs.com\/design\/wp-content\/uploads\/sites\/4\/2019\/05\/gaming-11.jpg” parallax=”on” parallax_method=”off” border_radii=”on|50%|50%|50%|50%” border_width_all=”1px” border_color_all=”rgba(255,255,255,0.12)” box_shadow_style=”preset1″ box_shadow_blur=”36px” box_shadow_color=”rgba(0,0,0,0)” transform_origin=”0%|50%” text_orientation=”center” module_alignment=”center” custom_padding=”30px|30px|30px|30px|true|true” box_shadow_color__hover_enabled=”on” box_shadow_color__hover=”rgba(0,0,0,0.7)” transform_styles__hover_enabled=”on” transform_scale__hover_enabled=”on” transform_translate__hover_enabled=”on” transform_rotate__hover_enabled=”on” transform_skew__hover_enabled=”on” transform_origin__hover_enabled=”on” transform_scale__hover=”130%|130%” z_index__hover_enabled=”on”]<\/p>\n

Your content goes here. Edit or remove this text inline or in the module Content settings. <\/p>\n

[\/et_pb_blurb][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.26.6″][et_pb_blurb title=”Your Title Goes Here” use_icon=”on” font_icon=”%%52%%” icon_color=”#ffffff” use_icon_font_size=”on” icon_font_size=”50px” _builder_version=”3.26.6″ header_font=”Oswald|||on|||||” header_text_color=”#ffffff” header_letter_spacing=”2px” body_font=”Nunito||||||||” body_text_color=”#ffffff” body_letter_spacing=”1px” background_image=”http:\/\/jason.sandbox.etdevs.com\/design\/wp-content\/uploads\/sites\/4\/2019\/05\/gaming-11.jpg” parallax=”on” parallax_method=”off” border_radii=”on|50%|50%|50%|50%” border_width_all=”1px” border_color_all=”rgba(255,255,255,0.12)” box_shadow_style=”preset1″ box_shadow_blur=”36px” box_shadow_color=”rgba(0,0,0,0)” text_orientation=”center” module_alignment=”center” custom_padding=”30px|30px|30px|30px|true|true” box_shadow_color__hover_enabled=”on” box_shadow_color__hover=”rgba(0,0,0,0.7)” transform_styles__hover_enabled=”on” transform_scale__hover_enabled=”on” transform_translate__hover_enabled=”on” transform_rotate__hover_enabled=”on” transform_skew__hover_enabled=”on” transform_origin__hover_enabled=”on” transform_scale__hover=”130%|130%”]<\/p>\n

Your content goes here. Edit or remove this text inline or in the module Content settings. <\/p>\n

[\/et_pb_blurb][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.26.6″][et_pb_blurb title=”Your Title Goes Here” use_icon=”on” font_icon=”%%52%%” icon_color=”#ffffff” use_icon_font_size=”on” icon_font_size=”50px” _builder_version=”3.26.6″ header_font=”Oswald|||on|||||” header_text_color=”#ffffff” header_letter_spacing=”2px” body_font=”Nunito||||||||” body_text_color=”#ffffff” body_letter_spacing=”1px” background_image=”http:\/\/jason.sandbox.etdevs.com\/design\/wp-content\/uploads\/sites\/4\/2019\/05\/gaming-11.jpg” parallax=”on” parallax_method=”off” border_radii=”on|50%|50%|50%|50%” border_width_all=”1px” border_color_all=”rgba(255,255,255,0.12)” box_shadow_style=”preset1″ box_shadow_blur=”36px” box_shadow_color=”rgba(0,0,0,0)” transform_origin=”100%|50%” text_orientation=”center” module_alignment=”center” custom_padding=”30px|30px|30px|30px|true|true” box_shadow_color__hover_enabled=”on” box_shadow_color__hover=”rgba(0,0,0,0.7)” transform_styles__hover_enabled=”on” transform_scale__hover_enabled=”on” transform_translate__hover_enabled=”on” transform_rotate__hover_enabled=”on” transform_skew__hover_enabled=”on” transform_origin__hover_enabled=”on” transform_scale__hover=”130%|130%”]<\/p>\n

Your content goes here. Edit or remove this text inline or in the module Content settings. <\/p>\n

[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”3.26.6″ background_image=”http:\/\/jason.sandbox.etdevs.com\/design\/wp-content\/uploads\/sites\/4\/2019\/02\/section-bg-12.jpg” parallax=”on” parallax_method=”off” custom_margin=”||10vw||false|false” custom_padding=”10vw||10vw||true|false”][et_pb_row _builder_version=”3.26.6″][et_pb_column type=”1_3″ _builder_version=”3.26.6″ box_shadow_color__hover_enabled=”on” box_shadow_color__hover=”rgba(0,0,0,0.72)” transform_styles__hover_enabled=”on” transform_scale__hover_enabled=”on” transform_translate__hover_enabled=”on” transform_rotate__hover_enabled=”on” transform_skew__hover_enabled=”on” transform_origin__hover_enabled=”on” transform_scale__hover=”105%|105%” transform_translate_linked__hover=”off” transform_translate__hover=”0px|-2.5%” border_width_bottom__hover_enabled=”off” border_radii__hover_enabled=”on” transform_origin__hover=”50%|100%”][et_pb_blurb title=”Your Title Goes Here” use_icon=”on” font_icon=”%%154%%” icon_color=”#ffffff” use_icon_font_size=”on” icon_font_size=”50px” _builder_version=”3.26.6″ header_font=”Oswald|||on|||||” header_text_color=”#ffffff” header_letter_spacing=”2px” body_font=”Nunito||||||||” body_text_color=”#ffffff” body_letter_spacing=”1px” text_orientation=”center” custom_padding=”30px|30px|30px|30px|true|true”] Your content goes here. Edit or remove this text inline or in […]<\/p>\n","protected":false},"author":1,"featured_media":231193,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-231190","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/themes.kerjemtec.com\/code-snippets\/wp-json\/wp\/v2\/pages\/231190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themes.kerjemtec.com\/code-snippets\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.kerjemtec.com\/code-snippets\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.kerjemtec.com\/code-snippets\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.kerjemtec.com\/code-snippets\/wp-json\/wp\/v2\/comments?post=231190"}],"version-history":[{"count":4,"href":"https:\/\/themes.kerjemtec.com\/code-snippets\/wp-json\/wp\/v2\/pages\/231190\/revisions"}],"predecessor-version":[{"id":231199,"href":"https:\/\/themes.kerjemtec.com\/code-snippets\/wp-json\/wp\/v2\/pages\/231190\/revisions\/231199"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themes.kerjemtec.com\/code-snippets\/wp-json\/wp\/v2\/media\/231193"}],"wp:attachment":[{"href":"https:\/\/themes.kerjemtec.com\/code-snippets\/wp-json\/wp\/v2\/media?parent=231190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}