{"id":46585,"date":"2019-11-24T12:21:55","date_gmt":"2019-11-24T06:21:55","guid":{"rendered":"https:\/\/www.elementpack.pro\/demo\/?page_id=46585"},"modified":"2026-03-09T13:04:48","modified_gmt":"2026-03-09T07:04:48","slug":"lottie-image","status":"publish","type":"page","link":"https:\/\/www.elementpack.pro\/demo\/element\/lottie-image\/","title":{"rendered":"Lottie Image"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"46585\" class=\"elementor elementor-46585\" 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-687c962 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"687c962\" 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-c66dd54 e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"c66dd54\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-209b936 elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"209b936\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"209b936\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><div class=\"bdt-ep-advanced-heading-sub-title bdt-line-bottom\"><div class=\"bdt-ep-advanced-heading-sub-title-content\">Lottie Image<\/div><div class=\"line bdt-flex-align-bottom\"><\/div><\/div><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Load From URL<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-426adf3 elementor-widget elementor-widget-text-editor\" data-id=\"426adf3\" 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>Lottie Image is a widget of Element pack. One of Lottie Image\u2019s features is that it lets you load the images from other URL&#8217;s directly.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a69c63 elementor-widget elementor-widget-bdt-animated-link\" data-id=\"7a69c63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-animated-link.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"bdt-ep-animated-link bdt-ep-animated-link--herse\">\n\t\t\t\t<span>More Details<\/span>\n\t\t\t\t<svg class=\"bdt-link__graphic bdt-link__graphic--stroke bdt-link__graphic--arc\" width=\"100%\" height=\"18\" viewBox=\"0 0 59 18\">\n\t\t\t\t\t<path d=\"M.945.149C12.3 16.142 43.573 22.572 58.785 10.842\" pathLength=\"1\" \/>\n\t\t\t\t<\/svg>\n\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-74fdd29 e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"74fdd29\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e6e674 elementor-widget elementor-widget-bdt-lottie-image\" data-id=\"7e6e674\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;caption_source&quot;:&quot;none&quot;,&quot;lottie_start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;0&quot;,&quot;sizes&quot;:[]},&quot;lottie_end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;100&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"bdt-lottie-image.default\">\n\t\t\t\t\t\n\t\t<div class=\"bdt-lottie-image\">\n\n\t\t\t\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/elementpack.pro\/\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t\t\t\t\t<div id=\"bdt-lottie-7e6e674\" class=\"bdt-lottie-container\" data-settings=\"{&quot;loop&quot;:true,&quot;is_json_url&quot;:true,&quot;json_path&quot;:&quot;https:\\\/\\\/www.elementpack.pro\\\/demo\\\/wp-content\\\/plugins\\\/bdthemes-element-pack\\\/assets\\\/others\\\/teamwork.json&quot;,&quot;json_code&quot;:&quot;&quot;,&quot;view_type&quot;:&quot;pageload&quot;,&quot;speed&quot;:&quot;1&quot;,&quot;play_action&quot;:&quot;autoplay&quot;,&quot;start_point&quot;:0,&quot;end_point&quot;:&quot;100&quot;,&quot;lottie_renderer&quot;:&quot;svg&quot;}\"><\/div>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\n\t\t\t\t\n\t\t<\/div>\n\n\n\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-8a696b0 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"8a696b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-52f47f3 e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"52f47f3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dac5e67 elementor-widget elementor-widget-bdt-advanced-divider\" data-id=\"dac5e67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-divider.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-ep-advanced-divider\" data-settings=\"{&quot;animation&quot;:true}\">\n\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/plugins\/bdthemes-element-pack\/assets\/images\/divider\/line-circle.svg\" alt=\"advanced divider\" class=\"bdt-animation-stroke ep_square\">\n\t\t\t\n\t\t<\/div>\n\n\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-cd70dae e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"cd70dae\" 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-5fbbe34 e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"5fbbe34\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58ba9a3 elementor-widget elementor-widget-bdt-lottie-image\" data-id=\"58ba9a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;lottie_end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;caption_source&quot;:&quot;none&quot;,&quot;lottie_start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;0&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"bdt-lottie-image.default\">\n\t\t\t\t\t\n\t\t<div class=\"bdt-lottie-image\">\n\n\t\t\t\n\t\t\t\t\t\t\t\t\t<div id=\"bdt-lottie-58ba9a3\" class=\"bdt-lottie-container\" data-settings=\"{&quot;loop&quot;:true,&quot;is_json_url&quot;:true,&quot;json_path&quot;:&quot;https:\\\/\\\/www.elementpack.pro\\\/demo\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/cycling.json&quot;,&quot;json_code&quot;:&quot;&quot;,&quot;view_type&quot;:&quot;pageload&quot;,&quot;speed&quot;:1,&quot;play_action&quot;:&quot;autoplay&quot;,&quot;start_point&quot;:0,&quot;end_point&quot;:100,&quot;lottie_renderer&quot;:&quot;svg&quot;}\"><\/div>\n\t\t\t\t\t\n\t\t\t\t\n\t\t<\/div>\n\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ffb0e5d e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"ffb0e5d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8a9e17 elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"c8a9e17\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"c8a9e17\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><div class=\"bdt-ep-advanced-heading-sub-title bdt-line-bottom\"><div class=\"bdt-ep-advanced-heading-sub-title-content\">Lottie Image<\/div><div class=\"line bdt-flex-align-bottom\"><\/div><\/div><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Self Hosted JSON<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c2b3d9 elementor-widget elementor-widget-text-editor\" data-id=\"4c2b3d9\" 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>Lottie Image is a widget of Element pack. \u00a0The Lottie library can be self-hosted, making use of the JSON feature.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ac4ed5 elementor-widget elementor-widget-bdt-animated-link\" data-id=\"2ac4ed5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-animated-link.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"bdt-ep-animated-link bdt-ep-animated-link--carpo\">\n\t\t\t\tMore Details\t\t\t<\/a>\n\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-8360554 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"8360554\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-af93984 e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"af93984\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e7d8dd elementor-widget elementor-widget-bdt-advanced-divider\" data-id=\"2e7d8dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-divider.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-ep-advanced-divider\" data-settings=\"{&quot;animation&quot;:true}\">\n\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/plugins\/bdthemes-element-pack\/assets\/images\/divider\/line-circle.svg\" alt=\"advanced divider\" class=\"bdt-animation-stroke ep_square\">\n\t\t\t\n\t\t<\/div>\n\n\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-b2d401e e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"b2d401e\" 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\t\t<div class=\"elementor-element elementor-element-8b68097 elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"8b68097\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"8b68097\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><div class=\"bdt-ep-advanced-heading-sub-title bdt-line-bottom\"><div class=\"bdt-ep-advanced-heading-sub-title-content\">Lottie Image<\/div><div class=\"line bdt-flex-align-bottom\"><\/div><\/div><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Lottie Image Play Action<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aa53197 elementor-widget elementor-widget-text-editor\" data-id=\"aa53197\" 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>Lottie Image is part of the Element pack and is composed of three different widgets. The Lottie-image Play Action widget is just one component of the original Lottie-image.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fcfd5ac e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"fcfd5ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9ec06b7 e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"9ec06b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9191236 elementor-widget elementor-widget-bdt-lottie-image\" data-id=\"9191236\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;lottie_end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;lottie_number_of_times&quot;:1,&quot;caption_source&quot;:&quot;none&quot;,&quot;lottie_start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;0&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"bdt-lottie-image.default\">\n\t\t\t\t\t\n\t\t<div class=\"bdt-lottie-image\">\n\n\t\t\t\n\t\t\t\t\t\t\t\t\t<div id=\"bdt-lottie-9191236\" class=\"bdt-lottie-container\" data-settings=\"{&quot;loop&quot;:0,&quot;is_json_url&quot;:true,&quot;json_path&quot;:&quot;https:\\\/\\\/www.elementpack.pro\\\/demo\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/46169-message.json&quot;,&quot;json_code&quot;:&quot;&quot;,&quot;view_type&quot;:&quot;pageload&quot;,&quot;speed&quot;:&quot;1&quot;,&quot;play_action&quot;:&quot;hover&quot;,&quot;start_point&quot;:0,&quot;end_point&quot;:100,&quot;lottie_renderer&quot;:&quot;svg&quot;}\"><\/div>\n\t\t\t\t\t\n\t\t\t\t\n\t\t<\/div>\n\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c35f4a7 elementor-widget elementor-widget-heading\" data-id=\"c35f4a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Play on Hover Example<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4c2af6 e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"e4c2af6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8e113a elementor-widget elementor-widget-bdt-lottie-image\" data-id=\"b8e113a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;lottie_end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;lottie_number_of_times&quot;:1,&quot;caption_source&quot;:&quot;none&quot;,&quot;lottie_start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;0&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"bdt-lottie-image.default\">\n\t\t\t\t\t\n\t\t<div class=\"bdt-lottie-image\">\n\n\t\t\t\n\t\t\t\t\t\t\t\t\t<div id=\"bdt-lottie-b8e113a\" class=\"bdt-lottie-container\" data-settings=\"{&quot;loop&quot;:0,&quot;is_json_url&quot;:true,&quot;json_path&quot;:&quot;https:\\\/\\\/www.elementpack.pro\\\/demo\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/83043-gift-box.json&quot;,&quot;json_code&quot;:&quot;&quot;,&quot;view_type&quot;:&quot;pageload&quot;,&quot;speed&quot;:&quot;1&quot;,&quot;play_action&quot;:&quot;click&quot;,&quot;start_point&quot;:0,&quot;end_point&quot;:100,&quot;lottie_renderer&quot;:&quot;svg&quot;}\"><\/div>\n\t\t\t\t\t\n\t\t\t\t\n\t\t<\/div>\n\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ffe1e4 elementor-widget elementor-widget-heading\" data-id=\"4ffe1e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Play on Click Example<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d1d4424 e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"d1d4424\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c18723 elementor-widget elementor-widget-bdt-lottie-image\" data-id=\"0c18723\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;lottie_number_of_times&quot;:1,&quot;lottie_start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:2,&quot;sizes&quot;:[]},&quot;caption_source&quot;:&quot;none&quot;,&quot;lottie_end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;100&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"bdt-lottie-image.default\">\n\t\t\t\t\t\n\t\t<div class=\"bdt-lottie-image\">\n\n\t\t\t\n\t\t\t\t\t\t\t\t\t<div id=\"bdt-lottie-0c18723\" class=\"bdt-lottie-container\" data-settings=\"{&quot;loop&quot;:0,&quot;is_json_url&quot;:true,&quot;json_path&quot;:&quot;https:\\\/\\\/www.elementpack.pro\\\/demo\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/23465-send-message.json&quot;,&quot;json_code&quot;:&quot;&quot;,&quot;view_type&quot;:&quot;pageload&quot;,&quot;speed&quot;:&quot;1&quot;,&quot;play_action&quot;:&quot;column&quot;,&quot;start_point&quot;:2,&quot;end_point&quot;:&quot;100&quot;,&quot;lottie_renderer&quot;:&quot;svg&quot;}\"><\/div>\n\t\t\t\t\t\n\t\t\t\t\n\t\t<\/div>\n\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9005396 elementor-widget elementor-widget-heading\" data-id=\"9005396\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Play on Hover Coloumn  Example<\/h2>\t\t\t\t<\/div>\n\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-31d69c9 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"31d69c9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-dba6679 e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"dba6679\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d499bf3 elementor-widget elementor-widget-bdt-advanced-divider\" data-id=\"d499bf3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-divider.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-ep-advanced-divider\" data-settings=\"{&quot;animation&quot;:true}\">\n\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/plugins\/bdthemes-element-pack\/assets\/images\/divider\/line-circle.svg\" alt=\"advanced divider\" class=\"bdt-animation-stroke ep_square\">\n\t\t\t\n\t\t<\/div>\n\n\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-6f35c24 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"6f35c24\" 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-768fd7a e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"768fd7a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b7b6da elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"1b7b6da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"1b7b6da\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><div class=\"bdt-ep-advanced-heading-sub-title bdt-line-bottom\"><div class=\"bdt-ep-advanced-heading-sub-title-content\">Lottie Image<\/div><div class=\"line bdt-flex-align-bottom\"><\/div><\/div><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">CSS Filter On Hover<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12a68a3 elementor-widget elementor-widget-text-editor\" data-id=\"12a68a3\" 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>Lottie Image is part of the Element pack and is composed of three different widgets. You will see CSS filters when you hover over the image<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f333fdf elementor-widget elementor-widget-bdt-animated-link\" data-id=\"f333fdf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-animated-link.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"bdt-ep-animated-link bdt-ep-animated-link--metis\">\n\t\t\t\tMore Details\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d4af35 e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"4d4af35\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26d2d26 elementor-widget elementor-widget-bdt-lottie-image\" data-id=\"26d2d26\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;caption_source&quot;:&quot;none&quot;,&quot;lottie_start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;0&quot;,&quot;sizes&quot;:[]},&quot;lottie_end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;100&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"bdt-lottie-image.default\">\n\t\t\t\t\t\n\t\t<div class=\"bdt-lottie-image\">\n\n\t\t\t\n\t\t\t\t\t\t\t\t\t<div id=\"bdt-lottie-26d2d26\" class=\"bdt-lottie-container\" data-settings=\"{&quot;loop&quot;:true,&quot;is_json_url&quot;:true,&quot;json_path&quot;:&quot;https:\\\/\\\/www.elementpack.pro\\\/demo\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/8306-programming-animation.json&quot;,&quot;json_code&quot;:&quot;&quot;,&quot;view_type&quot;:&quot;pageload&quot;,&quot;speed&quot;:&quot;1&quot;,&quot;play_action&quot;:&quot;autoplay&quot;,&quot;start_point&quot;:0,&quot;end_point&quot;:&quot;100&quot;,&quot;lottie_renderer&quot;:&quot;svg&quot;}\"><\/div>\n\t\t\t\t\t\n\t\t\t\t\n\t\t<\/div>\n\n\n\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-c7e82bc e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"c7e82bc\" 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-acdfdca e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"acdfdca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1f5311 elementor-widget elementor-widget-bdt-lottie-image\" data-id=\"d1f5311\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;lottie_number_of_times&quot;:1,&quot;caption_source&quot;:&quot;none&quot;,&quot;lottie_start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;0&quot;,&quot;sizes&quot;:[]},&quot;lottie_end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;100&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"bdt-lottie-image.default\">\n\t\t\t\t\t\n\t\t<div class=\"bdt-lottie-image\">\n\n\t\t\t\n\t\t\t\t\t\t\t\t\t<div id=\"bdt-lottie-d1f5311\" class=\"bdt-lottie-container\" data-settings=\"{&quot;loop&quot;:0,&quot;is_json_url&quot;:true,&quot;json_path&quot;:&quot;https:\\\/\\\/www.elementpack.pro\\\/demo\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/computer-work.json&quot;,&quot;json_code&quot;:&quot;&quot;,&quot;view_type&quot;:&quot;scroll&quot;,&quot;speed&quot;:&quot;1&quot;,&quot;play_action&quot;:&quot;section&quot;,&quot;start_point&quot;:0,&quot;end_point&quot;:&quot;100&quot;,&quot;lottie_renderer&quot;:&quot;svg&quot;}\"><\/div>\n\t\t\t\t\t\n\t\t\t\t\n\t\t<\/div>\n\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a2f893 e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"8a2f893\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48c1a21 elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"48c1a21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"48c1a21\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><div class=\"bdt-ep-advanced-heading-sub-title bdt-line-bottom\"><div class=\"bdt-ep-advanced-heading-sub-title-content\">Lottie Image<\/div><div class=\"line bdt-flex-align-bottom\"><\/div><\/div><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Play On Section Hover<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abd491f elementor-widget elementor-widget-text-editor\" data-id=\"abd491f\" 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>Lottie Image is part of the Element pack and is composed of three different widgets. The Lottie-image Play Action widget is just one component of the original Lottie-image.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e3af9e0 elementor-widget elementor-widget-bdt-animated-link\" data-id=\"e3af9e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-animated-link.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"bdt-ep-animated-link bdt-ep-animated-link--elara\">\n\t\t\t\t<span>More Details<\/span>\n\t\t\t<\/a>\n\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Lottie Image Load From URL Lottie Image is a widget of Element pack. One of Lottie Image\u2019s features is that it lets you load the images from other URL&#8217;s directly. More Details Lottie Image Self Hosted JSON Lottie Image is a widget of Element pack. \u00a0The Lottie library can be self-hosted, making use of the JSON feature. More Details Lottie Image Lottie Image Play Action Lottie Image is part of the Element pack and is composed of three different widgets. The Lottie-image Play Action widget is just one component of the original Lottie-image. Play on Hover Example Play on Click Example Play on Hover Coloumn Example Lottie Image CSS Filter On Hover Lottie Image is part of the Element pack and is composed of three different widgets. You will see CSS filters when you hover over the image More Details Lottie Image Play On Section Hover Lottie Image is part of the Element pack and is composed of three different widgets. The Lottie-image Play Action widget is just one component of the original Lottie-image. More Details<\/p>\n","protected":false},"author":6974,"featured_media":0,"parent":32,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-46585","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/46585","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=46585"}],"version-history":[{"count":0,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/46585\/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=46585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}