{"id":121237,"date":"2023-07-05T10:39:33","date_gmt":"2023-07-05T05:09:33","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/create-image-gallery-background-particles-effect\/"},"modified":"2023-07-05T12:00:00","modified_gmt":"2023-07-05T06:30:00","slug":"create-image-gallery-background-particles-effect","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/create-image-gallery-background-particles-effect\/","title":{"rendered":"How to Create Image Gallery Background with Particles Effect (Elementor) [Video Tutorial]"},"content":{"rendered":"<!-- wp:embed \",\"type\":\"video\",\"providerNameSlug\":\"youtube\",\"responsive\":true,\"className\":\"wp-embed-aspect-16-9 wp-has-aspect-ratio\"} -->\r\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\r\n<iframe title=\"How to Create Image Gallery Background with Particles Effect (Elementor)\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/Q9BgGF6JIsg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\r\n<\/div><\/figure>\r\n<!-- \/wp:post-content -->\r\n\r\n<\/figure>\r\n<!-- \/wp:embed -->\r\n<!-- wp:heading  -->\r\n<h5 class=\"wp-block-heading\">Video Duration: 10 : 10 <\/h5>\r\n<!-- \/wp:heading -->\r\n<!-- wp:heading -->\r\n<h2 class=\"wp-block-heading\">Video Overview<\/h2>\r\n<!-- \/wp:heading -->\r\n<!-- wp:paragraph -->\r\n<p>In this Elementor tutorial, we will see how to add multiple image gallery backgrounds with transition effects in Elementor sections. You can also add the popular Interactive Particles JS Canvas Effect on the sections&#8217; background. Learn how to create completely animated particle effects in Elementor sections.\n\n\u25b6 Widgets Used &#8211; <br>\n<a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/row-background\/canvas-background\/\">https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/row-background\/canvas-background\/<\/a>\n\nExclusive Features <br>\n\u2705 Add Multiple Image Gallery in Elementor Sections <br>\n\u2705 Interactive Particles JS effect <br>\n\u2705 Add Transitions like Fade, Blur etc to Section Background <br>\n\u2705 Image Color\/Gradient Overlay to Sections <br>\n\u2705 Add Texture effects during transitions <br>\n\u2705 Control Delay Time and execution time of Animation\n\n&#8212; <br>\nTime stamps   <br>\n<br>\n0:00 Intro <br>\n1:17 Activating the Row Background Widget <br>\n2:15 Adding Images to Row Gallery <br>\n4:03 Configuring Transition of Row Gallery Images <br>\n6:20 Interactive Particles JS Canvas Effect for Elementor Sections <br>\n7:59 Adding Top Layer Effect to Row <br>\n9:44 End Notes <br>\n<br>\n&#8212;<\/p>\r\n<!-- \/wp:paragraph -->\r\n<!-- wp:shortcode -->\r\n\n<div class=\"wp-block-buttons pseocta is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button pseocta\"><a class=\"wp-block-button__link has-nxt-global-color-1-background-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/pricing\" target=\"_blank\" rel=\"noreferrer noopener\">Get The Plus Addons for Elementor<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons pseocta is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button pseocta\"><a class=\"wp-block-button__link has-nxt-global-color-1-background-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/elementor-widgets\/\" target=\"_blank\" rel=\"noreferrer noopener\">View 120+ Elementor Widgets Demo<\/a><\/div>\n<\/div>\n\n\n\n<style>\n.pseocta .wp-block-button{\n padding: 1em 0em !important;\n}\n<\/style>\n\r\n<!-- \/wp:shortcode -->","protected":false},"author":16,"featured_media":121238,"parent":0,"comment_status":"open","ping_status":"open","template":"","format":"standard","docs":[575,576],"class_list":["post-121237","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-video-tutorials","docs-watch-video-tutorials"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=121237"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121237\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/121238"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=121237"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=121237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}