{"id":95505,"date":"2022-01-25T14:28:21","date_gmt":"2022-01-25T08:28:21","guid":{"rendered":"https:\/\/www.elementpack.pro\/demo\/?page_id=95505"},"modified":"2026-03-09T09:36:58","modified_gmt":"2026-03-09T03:36:58","slug":"animated-gradient-background","status":"publish","type":"page","link":"https:\/\/www.elementpack.pro\/demo\/element\/animated-gradient-background\/","title":{"rendered":"Animated Gradient Background"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"95505\" class=\"elementor elementor-95505\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0e2142 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"b0e2142\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d57c064 e-flex e-con-boxed magic-button-disabled-no e-con e-child\" data-id=\"d57c064\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-dc2a3b7 e-grid e-con-full magic-button-disabled-no e-con e-child\" data-id=\"dc2a3b7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58ea6ca elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"58ea6ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"58ea6ca\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Demo 01: <\/span><span class=\"bdt-mainh-split-text\">Direction Left-Right<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2eea3f5 elementor-widget elementor-widget-text-editor\" data-id=\"2eea3f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A smooth gradient background flowing from left to right, blending colors seamlessly to create a modern effect.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9734afc bdt-backdrop-filter-yes e-con-full element-pack-agbg-yes e-flex bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"9734afc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;element_pack_agbg_color_list&quot;:[{&quot;_id&quot;:&quot;5cd2c8c&quot;,&quot;start_color&quot;:&quot;#FF9966&quot;,&quot;end_color&quot;:&quot;#FF5E62&quot;},{&quot;start_color&quot;:&quot;#8E2DE2&quot;,&quot;end_color&quot;:&quot;#4A00E0&quot;,&quot;_id&quot;:&quot;d8b860f&quot;},{&quot;start_color&quot;:&quot;#3494E6&quot;,&quot;end_color&quot;:&quot;#EC6EAD&quot;,&quot;_id&quot;:&quot;f3eba98&quot;}],&quot;background_background&quot;:&quot;classic&quot;,&quot;element_pack_agbg_show&quot;:&quot;yes&quot;,&quot;element_pack_agbg_direction&quot;:&quot;diagonal&quot;,&quot;element_pack_agbg_transitionSpeed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f37634 elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"1f37634\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"1f37634\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Follow: <\/span><span class=\"bdt-mainh-split-text\">The Background Gradient Color<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0de1f79 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"0de1f79\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e8f2f67 e-flex e-con-boxed magic-button-disabled-no e-con e-child\" data-id=\"e8f2f67\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-983b66f e-grid e-con-full magic-button-disabled-no e-con e-child\" data-id=\"983b66f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-268064a elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"268064a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"268064a\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Demo 02: <\/span><span class=\"bdt-mainh-split-text\">Direction Diagonal<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c928c8e elementor-widget elementor-widget-text-editor\" data-id=\"c928c8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A dynamic gradient background flowing diagonally, blending colors at an angle to create depth and visual effect.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c1ba325 bdt-backdrop-filter-yes e-con-full element-pack-agbg-yes e-flex bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"c1ba325\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;element_pack_agbg_color_list&quot;:[{&quot;_id&quot;:&quot;5cd2c8c&quot;,&quot;start_color&quot;:&quot;#E2D4FC&quot;,&quot;end_color&quot;:&quot;#798AE9&quot;},{&quot;start_color&quot;:&quot;#FFDFEE&quot;,&quot;end_color&quot;:&quot;#A8DEFC&quot;,&quot;_id&quot;:&quot;d8b860f&quot;},{&quot;start_color&quot;:&quot;#FAF5F2&quot;,&quot;end_color&quot;:&quot;#CC939A&quot;,&quot;_id&quot;:&quot;f3eba98&quot;}],&quot;background_background&quot;:&quot;classic&quot;,&quot;element_pack_agbg_show&quot;:&quot;yes&quot;,&quot;element_pack_agbg_direction&quot;:&quot;diagonal&quot;,&quot;element_pack_agbg_transitionSpeed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0015761 elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"0015761\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"0015761\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Follow: <\/span><span class=\"bdt-mainh-split-text\">The Background Gradient Color<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a9e5ea e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"7a9e5ea\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a66141e e-flex e-con-boxed magic-button-disabled-no e-con e-child\" data-id=\"a66141e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-41fdd53 e-grid e-con-full magic-button-disabled-no e-con e-child\" data-id=\"41fdd53\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b4e013 elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"7b4e013\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"7b4e013\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Demo 03: <\/span><span class=\"bdt-mainh-split-text\">Blend Multiply<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10d75a5 elementor-widget elementor-widget-text-editor\" data-id=\"10d75a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>The Multiply blend mode overlays colors by multiplying the base and blend layers, creating richer tones and darker contrasts.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b0e759b e-con-full element-pack-agbg-yes e-flex magic-button-disabled-no e-con e-child\" data-id=\"b0e759b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;element_pack_agbg_color_list&quot;:[{&quot;_id&quot;:&quot;5cd2c8c&quot;,&quot;start_color&quot;:&quot;#FF9966&quot;,&quot;end_color&quot;:&quot;#FF5E62&quot;},{&quot;start_color&quot;:&quot;#8360C3&quot;,&quot;end_color&quot;:&quot;#5213C3&quot;,&quot;_id&quot;:&quot;d8b860f&quot;},{&quot;start_color&quot;:&quot;#F12711&quot;,&quot;end_color&quot;:&quot;#F5AF19&quot;,&quot;_id&quot;:&quot;f3eba98&quot;},{&quot;start_color&quot;:&quot;#000000&quot;,&quot;end_color&quot;:&quot;#2A2A2ADB&quot;,&quot;_id&quot;:&quot;35c1f79&quot;}],&quot;background_background&quot;:&quot;classic&quot;,&quot;element_pack_agbg_show&quot;:&quot;yes&quot;,&quot;element_pack_agbg_direction&quot;:&quot;diagonal&quot;,&quot;element_pack_agbg_transitionSpeed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e615508 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"e615508\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-50f2fd4 e-flex e-con-boxed magic-button-disabled-no e-con e-child\" data-id=\"50f2fd4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-16c50f4 e-grid e-con-full magic-button-disabled-no e-con e-child\" data-id=\"16c50f4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bd1727 elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"7bd1727\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"7bd1727\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Demo 04: <\/span><span class=\"bdt-mainh-split-text\">Direction Radial<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34bdd4b elementor-widget elementor-widget-text-editor\" data-id=\"34bdd4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"0\" data-end=\"89\">A circular gradient background that radiates. Perfect for highlighting focal areas, buttons, or modern section designs.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fcd85b6 e-con-full element-pack-agbg-yes e-flex magic-button-disabled-no e-con e-child\" data-id=\"fcd85b6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;element_pack_agbg_color_list&quot;:[{&quot;_id&quot;:&quot;5cd2c8c&quot;,&quot;start_color&quot;:&quot;#FF9966&quot;,&quot;end_color&quot;:&quot;#FF5E62&quot;},{&quot;start_color&quot;:&quot;#8360C3&quot;,&quot;end_color&quot;:&quot;#5213C3&quot;,&quot;_id&quot;:&quot;d8b860f&quot;},{&quot;start_color&quot;:&quot;#F12711&quot;,&quot;end_color&quot;:&quot;#F5AF19&quot;,&quot;_id&quot;:&quot;f3eba98&quot;},{&quot;start_color&quot;:&quot;#033913&quot;,&quot;end_color&quot;:&quot;#0F792E&quot;,&quot;_id&quot;:&quot;312991a&quot;}],&quot;background_background&quot;:&quot;classic&quot;,&quot;element_pack_agbg_show&quot;:&quot;yes&quot;,&quot;element_pack_agbg_direction&quot;:&quot;diagonal&quot;,&quot;element_pack_agbg_transitionSpeed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-397edbd e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"397edbd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-81e516f e-flex e-con-boxed magic-button-disabled-no e-con e-child\" data-id=\"81e516f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5976ad9 e-grid e-con-full magic-button-disabled-no e-con e-child\" data-id=\"5976ad9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f45a7e elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"2f45a7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"2f45a7e\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Demo 05: <\/span><span class=\"bdt-mainh-split-text\">Color Burn<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b480a3 elementor-widget elementor-widget-text-editor\" data-id=\"6b480a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"0\" data-end=\"89\">The Color Burn blend mode darkens the base color by increasing contrast and intensity, creating dramatic visuals.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-edfd375 e-con-full element-pack-agbg-yes e-flex magic-button-disabled-no e-con e-child\" data-id=\"edfd375\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;element_pack_agbg_color_list&quot;:[{&quot;_id&quot;:&quot;5cd2c8c&quot;,&quot;start_color&quot;:&quot;#FF9966&quot;,&quot;end_color&quot;:&quot;#FF5E62&quot;},{&quot;start_color&quot;:&quot;#8360C3&quot;,&quot;end_color&quot;:&quot;#5213C3&quot;,&quot;_id&quot;:&quot;d8b860f&quot;},{&quot;start_color&quot;:&quot;#F12711&quot;,&quot;end_color&quot;:&quot;#F5AF19&quot;,&quot;_id&quot;:&quot;f3eba98&quot;},{&quot;start_color&quot;:&quot;#000000&quot;,&quot;end_color&quot;:&quot;#2A2A2ADB&quot;,&quot;_id&quot;:&quot;35c1f79&quot;}],&quot;background_background&quot;:&quot;classic&quot;,&quot;element_pack_agbg_show&quot;:&quot;yes&quot;,&quot;element_pack_agbg_direction&quot;:&quot;diagonal&quot;,&quot;element_pack_agbg_transitionSpeed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Demo 01: Direction Left-Right A smooth gradient background flowing from left to right, blending colors seamlessly to create a modern effect. Follow: The Background Gradient Color Demo 02: Direction Diagonal A dynamic gradient background flowing diagonally, blending colors at an angle to create depth and visual effect. Follow: The Background Gradient Color Demo 03: Blend Multiply The Multiply blend mode overlays colors by multiplying the base and blend layers, creating richer tones and darker contrasts. Demo 04: Direction Radial A circular gradient background that radiates. Perfect for highlighting focal areas, buttons, or modern section designs. Demo 05: Color Burn The Color Burn blend mode darkens the base color by increasing contrast and intensity, creating dramatic visuals.<\/p>\n","protected":false},"author":6974,"featured_media":0,"parent":32,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-95505","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/95505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/users\/6974"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/comments?post=95505"}],"version-history":[{"count":0,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/95505\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/32"}],"wp:attachment":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/media?parent=95505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}