{"id":175315,"date":"2026-03-03T10:16:22","date_gmt":"2026-03-03T09:16:22","guid":{"rendered":"https:\/\/undsgn.com\/uncode\/?page_id=175315"},"modified":"2026-03-03T10:16:22","modified_gmt":"2026-03-03T09:16:22","slug":"background-interactive","status":"publish","type":"page","link":"https:\/\/fabrykaludzi.com\/index.php\/features\/background-interactive\/","title":{"rendered":"Background Interactive"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row row_height_percent=&#8221;100&#8243; back_color=&#8221;color-nhtu&#8221; back_image=&#8221;15054&#8243; multiple_media=&#8221;yes&#8221; medias=&#8221;11299,11299,15054,2286,11297,11295,11317,11304,2286,11297,15054,11304,2440,11295,11304,11317,11295,2286,2286,15054,11299,15054,11304,11298,11295,11304,11295,2440,11306,11295,11297,11299,11306,11297,11317,11317,15054,11297,11306,2286,11297,11299,11306,11317&#8243; bg_transition=&#8221;magnetic&#8221; bg_shuffle=&#8221;yes&#8221; bg_resolution=&#8221;4&#8243; bg_width=&#8221;clamp(7.8125rem, 1.1949rem + 22.0588vw, 21.875rem)&#8221; bg_m_width=&#8221;clamp(4.6875rem, 1.011rem + 12.2549vw, 12.5rem)&#8221; bg_pool=&#8221;40&#8243; bg_blur=&#8221;yes&#8221; bg_depth=&#8221;yes&#8221; bg_no_overlap=&#8221;yes&#8221; bg_min_opacity=&#8221;25&#8243; bg_max_opacity=&#8221;100&#8243; bg_move_x=&#8221;30vw&#8221; bg_move_y=&#8221;30vw&#8221; bg_safe_w=&#8221;40&#8243; bg_safe_h=&#8221;25&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; enable_top_divider=&#8221;default&#8221; top_divider=&#8221;gradient&#8221; shape_top_h_use_pixel=&#8221;true&#8221; shape_top_height_percent=&#8221;20&#8243; shape_top_color=&#8221;color-nhtu&#8221; shape_top_opacity=&#8221;100&#8243; shape_top_index=&#8221;1&#8243; enable_bottom_divider=&#8221;default&#8221; bottom_divider=&#8221;gradient&#8221; shape_bottom_h_use_pixel=&#8221;true&#8221; shape_bottom_height_percent=&#8221;20&#8243; shape_bottom_color=&#8221;color-nhtu&#8221; shape_bottom_opacity=&#8221;100&#8243; shape_bottom_index=&#8221;2&#8243; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;122100&#8243; back_color_type=&#8221;uncode-palette&#8221; bg_radius=&#8221;2px&#8221; shape_top_color_type=&#8221;uncode-palette&#8221; shape_bottom_color_type=&#8221;uncode-palette&#8221; row_name=&#8221;magnetic-one&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;2&#8243; style=&#8221;dark&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; uncode_shortcode_id=&#8221;600429&#8243; mobile_height=&#8221;600px&#8221;][vc_custom_heading text_size=&#8221;fontsize-338686&#8243; text_space=&#8221;fontspace-111509&#8243; uncode_shortcode_id=&#8221;103705&#8243; el_class=&#8221;demo-heading&#8221;]Magnetic Gallery One[\/vc_custom_heading][vc_column_text text_color=&#8221;color-wvjs&#8221; el_class=&#8221;demo-lead-text&#8221; uncode_shortcode_id=&#8221;145253&#8243; text_color_type=&#8221;uncode-palette&#8221;]Settings: Width 125-350, Count 40, Blur On, Depth On, Opacity 25-100, Move 30vw, Safe Area 40-25[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;100&#8243; back_color=&#8221;color-xsdn&#8221; back_image=&#8221;11304&#8243; multiple_media=&#8221;yes&#8221; medias=&#8221;11297,11304,11297,11298,11304,11297,11299,11306,11298&#8243; bg_transition=&#8221;trail&#8221; bg_shuffle=&#8221;yes&#8221; bg_resolution=&#8221;4&#8243; bg_width=&#8221;140&#8243; bg_m_width=&#8221;60&#8243; bg_ratio=&#8221;1_1&#8243; bg_rotate=&#8221;15&#8243; bg_drift=&#8221;yes&#8221; bg_interval=&#8221;5&#8243; bg_distance=&#8221;50&#8243; bg_life=&#8221;0.1&#8243; bg_in_anim=&#8221;0.2&#8243; bg_out_anim=&#8221;0.8&#8243; bg_pool=&#8221;30&#8243; bg_mobile_interval=&#8221;500&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;204786&#8243; back_color_type=&#8221;uncode-palette&#8221; bg_radius=&#8221;4px&#8221; row_name=&#8221;mouse-trail-one&#8221; bg_z_index=&#8221;2&#8243;][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; uncode_shortcode_id=&#8221;131436&#8243; mobile_height=&#8221;600px&#8221;][vc_custom_heading text_color=&#8221;color-nhtu&#8221; text_size=&#8221;fontsize-338686&#8243; text_space=&#8221;fontspace-111509&#8243; uncode_shortcode_id=&#8221;115922&#8243; el_class=&#8221;demo-heading&#8221; text_color_type=&#8221;uncode-palette&#8221;]Mouse Trail One[\/vc_custom_heading][vc_column_text text_color=&#8221;color-wvjs&#8221; el_class=&#8221;demo-lead-text&#8221; uncode_shortcode_id=&#8221;847892&#8243; text_color_type=&#8221;uncode-palette&#8221;]Settings: Width 60-140, Ratio 1:1, Rotate 15, Interval 5, Distance 50, Drift On, Duration 0.1, In 0.2, Out 0.8[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;100&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;0&#8243; back_color=&#8221;color-nhtu&#8221; back_image=&#8221;175754&#8243; multiple_media=&#8221;yes&#8221; medias=&#8221;175754,175754,175754,175754,175754,175754,175754,175754,175754,175754,175754,175754,175754,175754,175754,137399,137399,137399,137399,137399,137399,137399,137399,137399,137399,137399&#8243; bg_transition=&#8221;particle&#8221; bg_shuffle=&#8221;yes&#8221; bg_resolution=&#8221;4&#8243; bg_width=&#8221;140&#8243; bg_m_width=&#8221;70&#8243; bg_rotate=&#8221;25&#8243; bg_drift=&#8221;yes&#8221; bg_interval=&#8221;200&#8243; bg_safe_w=&#8221;60&#8243; bg_safe_h=&#8221;40&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; css_animation=&#8221;scroll-trigger&#8221; animate_el=&#8221;content&#8221; animation_state=&#8221;end&#8221; animation_scale_val=&#8221;100&#8243; animation_opacity=&#8221;0&#8243; animation_x=&#8221;0&#8243; animation_y=&#8221;0&#8243; animation_blur=&#8221;0&#8243; animation_rotate=&#8221;0&#8243; animation_perspective=&#8221;0&#8243; animation_offset_top=&#8221;0&#8243; animation_offset_bottom=&#8221;100&#8243; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;777657&#8243; back_color_type=&#8221;uncode-palette&#8221; row_name=&#8221;random-particles&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;2&#8243; style=&#8221;dark&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; mobile_height=&#8221;600px&#8221; uncode_shortcode_id=&#8221;138121&#8243;][vc_custom_heading text_size=&#8221;fontsize-338686&#8243; text_space=&#8221;fontspace-111509&#8243; uncode_shortcode_id=&#8221;525717&#8243; el_class=&#8221;demo-heading&#8221;]Random Particles[\/vc_custom_heading][vc_column_text text_color=&#8221;color-wvjs&#8221; el_class=&#8221;demo-lead-text&#8221; uncode_shortcode_id=&#8221;560005&#8243; text_color_type=&#8221;uncode-palette&#8221;]Settings: Width 250, Ratio 3:2, Rotate 0, Interval 50, Distance 75, Drift Off, Duration 0.5, In 0.2, Out 0.6[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;100&#8243; back_color=&#8221;color-xsdn&#8221; back_image=&#8221;18918&#8243; multiple_media=&#8221;yes&#8221; medias=&#8221;18916,18918,18920,18920,18920,18916,18912,18918,18918,18920,18912,18912,18912,18912,18918,18916,18918,18918,18918,18912,18916,18916,18912,18920,18916,18918,18916,18918,18912,18912,18916,18918,18912,18916,18920,18920,18912,18916,18912,18912,18920,18916,18918,18920,18912,18916,18912,18918,18920,18918,18920,18916,18918,18916,18918,18912,18912,18920,18918,18920,18916,18912&#8243; bg_transition=&#8221;magnetic&#8221; bg_shuffle=&#8221;yes&#8221; bg_resolution=&#8221;4&#8243; bg_width=&#8221;clamp(6.25rem, 4.7794rem + 4.902vw, 9.375rem)&#8221; bg_m_width=&#8221;clamp(2.1875rem, 1.011rem + 3.9216vw, 4.6875rem)&#8221; bg_pool=&#8221;40&#8243; bg_depth=&#8221;yes&#8221; bg_no_overlap=&#8221;yes&#8221; bg_min_opacity=&#8221;90&#8243; bg_max_opacity=&#8221;100&#8243; bg_move_x=&#8221;15vw&#8221; bg_move_y=&#8221;15vw&#8221; bg_safe_w=&#8221;65&#8243; bg_safe_h=&#8221;35&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; top_divider=&#8221;gradient-strong&#8221; bottom_divider=&#8221;gradient&#8221; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;756989&#8243; back_color_type=&#8221;uncode-palette&#8221; row_name=&#8221;magnetic-gallery-two&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; uncode_shortcode_id=&#8221;164357&#8243; mobile_height=&#8221;600px&#8221;][vc_custom_heading text_color=&#8221;color-nhtu&#8221; text_size=&#8221;fontsize-338686&#8243; text_space=&#8221;fontspace-111509&#8243; uncode_shortcode_id=&#8221;156405&#8243; el_class=&#8221;demo-heading&#8221; text_color_type=&#8221;uncode-palette&#8221;]Magnetic Gallery Two[\/vc_custom_heading][vc_column_text text_color=&#8221;color-wvjs&#8221; el_class=&#8221;demo-lead-text&#8221; uncode_shortcode_id=&#8221;107934&#8243; text_color_type=&#8221;uncode-palette&#8221;]Settings: Width 100-150, Count 40, Blur Off, Depth On, Opacity 90-100, Move 15vw, Safe Area 65-35[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;100&#8243; back_color=&#8221;color-nhtu&#8221; back_image=&#8221;11304&#8243; multiple_media=&#8221;yes&#8221; medias=&#8221;11317,15054,11306,11298,15054,2440,2286,11299,11298,11306,15054,2286,11317,11298,11298,11295,11299,11304,11304,11298,11297&#8243; bg_transition=&#8221;trail&#8221; bg_resolution=&#8221;3&#8243; bg_width=&#8221;clamp(9.375rem, 6.4338rem + 9.8039vw, 15.625rem)&#8221; bg_ratio=&#8221;3_2&#8243; bg_rotate=&#8221;0&#8243; bg_interval=&#8221;50&#8243; bg_distance=&#8221;75&#8243; bg_life=&#8221;0.5&#8243; bg_in_anim=&#8221;0.3&#8243; bg_out_anim=&#8221;0.6&#8243; bg_pool=&#8221;30&#8243; bg_mobile_interval=&#8221;500&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;309286&#8243; back_color_type=&#8221;uncode-palette&#8221; row_name=&#8221;mouse-trail-two&#8221; bg_z_index=&#8221;2&#8243;][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;2&#8243; style=&#8221;dark&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; uncode_shortcode_id=&#8221;188779&#8243; mobile_height=&#8221;600px&#8221;][vc_custom_heading text_size=&#8221;fontsize-338686&#8243; text_space=&#8221;fontspace-111509&#8243; uncode_shortcode_id=&#8221;115257&#8243; el_class=&#8221;demo-heading&#8221;]Mouse Trail Two[\/vc_custom_heading][vc_column_text text_color=&#8221;color-wvjs&#8221; el_class=&#8221;demo-lead-text&#8221; uncode_shortcode_id=&#8221;152142&#8243; text_color_type=&#8221;uncode-palette&#8221;]Settings: Width 250, Ratio 3:2, Rotate 0, Interval 50, Distance 75, Drift Off, Duration 0.5, In 0.3, Out 0.6[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;100&#8243; back_color=&#8221;color-xsdn&#8221; back_image=&#8221;137399&#8243; multiple_media=&#8221;yes&#8221; medias=&#8221;137399,137399,137399,137399,137399,137399,137399,137399,137399,137399,137399,137399,137399,137399,137399,137399,137399,137399,137399,137399&#8243; bg_transition=&#8221;drop&#8221; bg_shuffle=&#8221;yes&#8221; bg_resolution=&#8221;4&#8243; bg_width=&#8221;clamp(5rem, 2.6471rem + 7.8431vw, 10rem)&#8221; bg_m_width=&#8221;clamp(3.125rem, 1.6544rem + 4.902vw, 6.25rem)&#8221; bg_ratio=&#8221;1_1&#8243; bg_interval=&#8221;60&#8243; bg_pool=&#8221;30&#8243; bg_interactive=&#8221;drag&#8221; bg_gravity=&#8221;20&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;570613&#8243; bg_z_index=&#8221;1&#8243; back_color_type=&#8221;uncode-palette&#8221; row_name=&#8221;drop-effect&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; uncode_shortcode_id=&#8221;178704&#8243; mobile_height=&#8221;600px&#8221;][vc_custom_heading text_color=&#8221;color-nhtu&#8221; text_size=&#8221;fontsize-338686&#8243; text_space=&#8221;fontspace-111509&#8243; uncode_shortcode_id=&#8221;447966&#8243; el_class=&#8221;demo-heading&#8221; text_color_type=&#8221;uncode-palette&#8221;]Drop Effect[\/vc_custom_heading][vc_column_text text_color=&#8221;color-wvjs&#8221; el_class=&#8221;demo-lead-text&#8221; uncode_shortcode_id=&#8221;175542&#8243; text_color_type=&#8221;uncode-palette&#8221;]Settings: Width 80-160, Ratio 1:1, Interval 60, Interactive Drag, Gravity 20[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>The Mouse Trail, Magnetic Gallery, Particles, and Drop Effect deliver fluid, motion-driven visuals that transform static pages into immersive digital experiences.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":125,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-175315","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fabrykaludzi.com\/index.php\/wp-json\/wp\/v2\/pages\/175315","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fabrykaludzi.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fabrykaludzi.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fabrykaludzi.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fabrykaludzi.com\/index.php\/wp-json\/wp\/v2\/comments?post=175315"}],"version-history":[{"count":0,"href":"https:\/\/fabrykaludzi.com\/index.php\/wp-json\/wp\/v2\/pages\/175315\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/fabrykaludzi.com\/index.php\/wp-json\/wp\/v2\/pages\/125"}],"wp:attachment":[{"href":"https:\/\/fabrykaludzi.com\/index.php\/wp-json\/wp\/v2\/media?parent=175315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}