{"id":211627,"date":"2019-08-05T23:07:24","date_gmt":"2019-08-06T06:07:24","guid":{"rendered":"http:\/\/wpbeaveraddons.com\/?page_id=211627"},"modified":"2019-08-09T02:53:29","modified_gmt":"2019-08-09T09:53:29","slug":"background-effects","status":"publish","type":"page","link":"https:\/\/wpbeaveraddons.com\/demo\/background-effects\/","title":{"rendered":"Row Background Effects"},"content":{"rendered":"\n\t\t<h2>\n\t\t\tBlog\n\t\t<\/h2>\n\t\t<p>Spice up website background by adding amazing visual effects with Background Effects feature for Beaver Builder.<\/p>\t\n\t\t<h2>\n\t\t\tBirds Animation\n\t\t<\/h2>\n\t\t<p>Create beautiful flying birds animation on website background.<br \/><strong>Styling Options for Birds Animation:<\/strong><\/p>\t\n\t<ul>\n\t\t\t<li>\n\t\t\t\tChoose primary &amp; secondary color\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\tControl over birds\u2019 cohesion behavior\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\tChoose quantity &amp; size of the bird\n\t\t\t<\/li>\n\t\t<\/ul>\n\t\t\t<a href=\"https:\/\/wpbeaveraddons.com\/demo\/background-effects\/birds-animation\/\" target=\"_blank\" role=\"button\" rel=\"noopener noreferrer\">\n\t\t\t\t\t\t\tView Demo\n\t\t\t\t\t<\/a>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/birds-anm.jpg\" alt=\"birds-anm\" height=\"349\" width=\"655\" title=\"birds-anm\" \/>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/fog-anm.jpg\" alt=\"fog-anm\" height=\"349\" width=\"655\" title=\"fog-anm\" \/>\n\t\t<h2>\n\t\t\tFog Animation\n\t\t<\/h2>\n\t\t<p>Add fog animation effect to create an animated website background.<br \/><strong>Styling Options for Fog Animation:<\/strong><\/p>\t\n\t<ul>\n\t\t\t<li>\n\t\t\t\tHighlight, Midtone, Lowlight, &amp; Base color\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\tIncrease or Decrease the blur effect of fog\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\tControl over the spread speed of fog\n\t\t\t<\/li>\n\t\t<\/ul>\n\t\t\t<a href=\"https:\/\/wpbeaveraddons.com\/demo\/background-effects\/fog-animation\/\" target=\"_blank\" role=\"button\" rel=\"noopener noreferrer\">\n\t\t\t\t\t\t\tView Demo\n\t\t\t\t\t<\/a>\n\t\t<h2>\n\t\t\tWaves Animation\n\t\t<\/h2>\n\t\t<p>Add amazing wave animation effects to create an animated background.<br \/><strong>Styling options for Waves Animation:<\/strong><\/p>\t\n\t<ul>\n\t\t\t<li>\n\t\t\t\tChoose the color of waves\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\tAdjust shininess &amp; wave height\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\tIncrease or decrease zoom effect\n\t\t\t<\/li>\n\t\t<\/ul>\n\t\t\t<a href=\"https:\/\/wpbeaveraddons.com\/demo\/background-effects\/waves-animation\/\" target=\"_blank\" role=\"button\" rel=\"noopener noreferrer\">\n\t\t\t\t\t\t\tView Demo\n\t\t\t\t\t<\/a>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/waves-anm.jpg\" alt=\"waves-anm\" height=\"349\" width=\"655\" title=\"waves-anm\" \/>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/net-anm.jpg\" alt=\"net-anm\" height=\"349\" width=\"655\" title=\"net-anm\" \/>\n\t\t<h2>\n\t\t\tNet Animation\n\t\t<\/h2>\n\t\t<p>Add artistic net animation effect to create an animated website background.<br \/><strong>Styling Options for Net Animation:<\/strong><\/p>\t\n\t<ul>\n\t\t\t<li>\n\t\t\t\tCustomize net &amp; background color\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\tChoose the number of dots, distance &amp; spacing between them.\n\t\t\t<\/li>\n\t\t<\/ul>\n\t\t\t<a href=\"https:\/\/wpbeaveraddons.com\/demo\/background-effects\/net-animation\/\" target=\"_blank\" role=\"button\" rel=\"noopener noreferrer\">\n\t\t\t\t\t\t\tView Demo\n\t\t\t\t\t<\/a>\n\t\t<h2>\n\t\t\tCells Animation\n\t\t<\/h2>\n\t\t<p>Add amazing moving cells effects to the website background.<br \/><strong>Styling Options for Cells Animation:<\/strong><\/p>\t\n\t<ul>\n\t\t\t<li>\n\t\t\t\tChoose primary &amp; secondary color\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\tAdjust the size &amp; speed of the moving element.\n\t\t\t<\/li>\n\t\t<\/ul>\n\t\t\t<a href=\"https:\/\/wpbeaveraddons.com\/demo\/background-effects\/cells-animation\/\" target=\"_blank\" role=\"button\" rel=\"noopener noreferrer\">\n\t\t\t\t\t\t\tView Demo\n\t\t\t\t\t<\/a>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/cell-anm.jpg\" alt=\"cell-anm\" height=\"349\" width=\"655\" title=\"cell-anm\" \/>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/dots-anm.jpg\" alt=\"dots-anm\" height=\"349\" width=\"655\" title=\"dots-anm\" \/>\n\t\t<h2>\n\t\t\tDots Animation\n\t\t<\/h2>\n\t\t<p>Add visual dots effect on website background using Background effects feature for Beaver Builder.<br \/><strong>Styling Options for Rings Animation:<\/strong><\/p>\t\n\t<ul>\n\t\t\t<li>\n\t\t\t\tCustomize dots, central ball &amp; background color\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\tAdjust the size &amp; spacing of the dots\n\t\t\t<\/li>\n\t\t<\/ul>\n\t\t\t<a href=\"https:\/\/wpbeaveraddons.com\/demo\/background-effects\/dots-animation\/\" target=\"_blank\" role=\"button\" rel=\"noopener noreferrer\">\n\t\t\t\t\t\t\tView Demo\n\t\t\t\t\t<\/a>\n\t\t<h2>\n\t\t\tRings Animation\n\t\t<\/h2>\n\t\t<p>Create a beautiful rings animation on the website background using Background effects feature for Beaver Builder.<br \/><strong>Styling Options for Rings Animation:<\/strong><\/p>\t\n\t<ul>\n\t\t\t<li>\n\t\t\t\tChoose background &amp; element colour\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\tFlexible to adjust background opacity\n\t\t\t<\/li>\n\t\t<\/ul>\n\t\t\t<a href=\"https:\/\/wpbeaveraddons.com\/demo\/background-effects\/rings-animation\/\" target=\"_blank\" role=\"button\" rel=\"noopener noreferrer\">\n\t\t\t\t\t\t\tView Demo\n\t\t\t\t\t<\/a>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/rings-anm.jpg\" alt=\"rings-anm\" height=\"349\" width=\"655\" title=\"rings-anm\" \/>\n\t<div class=\"fl-builder-content fl-builder-content-212541 fl-builder-template fl-builder-row-template fl-builder-global-templates-locked\" data-post-id=\"212541\"><div class=\"fl-row fl-row-full-width fl-row-bg-pp_infinite_bg fl-node-5d4baa989c90c fl-row-default-height fl-row-align-center\" data-node=\"5d4baa989c90c\">\n\t<div class=\"fl-row-content-wrap\">\n\t\t\t\t\t\t<div class=\"fl-row-content fl-row-fixed-width fl-node-content\">\n\t\t\n<div class=\"fl-col-group fl-node-5d4baa989c907\" data-node=\"5d4baa989c907\">\n\t\t\t<div class=\"fl-col fl-node-5d4baa989c90a\" data-node=\"5d4baa989c90a\">\n\t<div class=\"fl-col-content fl-node-content\"><div class=\"fl-module fl-module-pp-spacer fl-node-5d4baa989c90b\" data-node=\"5d4baa989c90b\">\n\t<div class=\"fl-module-content fl-node-content\">\n\t\t<div class=\"pp-spacer-module\"><\/div>\n\t<\/div>\n<\/div>\n<\/div>\n<\/div>\n\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div>\n\t\t<h2>\n\t\t\tInfinite Background &#8211; Horizontal\n\t\t<\/h2>\n\t\t<p>Add horizontally moving infinite background using Background effects feature.<br \/><strong>Styling Options for Infinite Background:<\/strong><\/p>\t\n\t<ul>\n\t\t\t<li>\n\t\t\t\tChoose a background color or images\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\tControl over its moving direction: From left to right or vice versa\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\tControl over its moving speed\n\t\t\t<\/li>\n\t\t<\/ul>\n\t\t\t<a href=\"https:\/\/wpbeaveraddons.com\/demo\/background-effects\/infinite-background-horizontal\/\" target=\"_blank\" role=\"button\" rel=\"noopener noreferrer\">\n\t\t\t\t\t\t\tView Demo\n\t\t\t\t\t<\/a>\n\t\t<h2>\n\t\t\tInfinite Background &#8211; Vertical\n\t\t<\/h2>\n\t\t<p>Add vertically moving infinite background using Background effects feature.<br \/><strong>Styling Options for Infinite Background:<\/strong><\/p>\t\n\t<ul>\n\t\t\t<li>\n\t\t\t\tChoose a background color or image\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\tControl over its moving direction: From top to bottom or vice versa\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\tControl over its moving speed\n\t\t\t<\/li>\n\t\t<\/ul>\n\t\t\t<a href=\"https:\/\/wpbeaveraddons.com\/demo\/background-effects\/infinite-background-vertical\/\" target=\"_blank\" role=\"button\" rel=\"noopener noreferrer\">\n\t\t\t\t\t\t\tView Demo\n\t\t\t\t\t<\/a>\n\t<div class=\"fl-builder-content fl-builder-content-212531 fl-builder-template fl-builder-row-template fl-builder-global-templates-locked\" data-post-id=\"212531\"><div class=\"fl-row fl-row-full-width fl-row-bg-pp_infinite_bg fl-node-5d4ba581538ed fl-row-default-height fl-row-align-center\" data-node=\"5d4ba581538ed\">\n\t<div class=\"fl-row-content-wrap\">\n\t\t\t\t\t\t<div class=\"fl-row-content fl-row-fixed-width fl-node-content\">\n\t\t\n<div class=\"fl-col-group fl-node-5d4ba581538e6\" data-node=\"5d4ba581538e6\">\n\t\t\t<div class=\"fl-col fl-node-5d4ba581538eb\" data-node=\"5d4ba581538eb\">\n\t<div class=\"fl-col-content fl-node-content\"><div class=\"fl-module fl-module-pp-spacer fl-node-5d4ba581538ec\" data-node=\"5d4ba581538ec\">\n\t<div class=\"fl-module-content fl-node-content\">\n\t\t<div class=\"pp-spacer-module\"><\/div>\n\t<\/div>\n<\/div>\n<\/div>\n<\/div>\n\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/line-particles.jpg\" alt=\"line-particles\" height=\"349\" width=\"655\" title=\"line-particles\" \/>\n\t\t<h2>\n\t\t\tLine Particles\n\t\t<\/h2>\n\t\t<p>Add the beautiful geometric line effects on website background.<br \/><strong>Styling Options for Line Animation:<\/strong><\/p>\t\n\t<ul>\n\t\t\t<li>\n\t\t\t\tChoose lines &amp; background color\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\tAdjust randomized opacity\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\tChoose the size &amp; quantity of the elements\n\t\t\t<\/li>\n\t\t<\/ul>\n\t\t\t<a href=\"https:\/\/wpbeaveraddons.com\/demo\/background-effects\/line-particles\/\" target=\"_blank\" role=\"button\" rel=\"noopener noreferrer\">\n\t\t\t\t\t\t\tView Demo\n\t\t\t\t\t<\/a>\n\t\t<h2>\n\t\t\tNASA Animation\n\t\t<\/h2>\n\t\t<p>Add a beautiful twinkling star effect on your website background.<br \/><strong>Styling Options for NASA Animation:<\/strong><\/p>\t\n\t<ul>\n\t\t\t<li>\n\t\t\t\tChoose elements &amp; background color\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\tControl over particles moving speed &amp; direction\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\tChoose quantity &amp; size of the elements.\n\t\t\t<\/li>\n\t\t<\/ul>\n\t\t\t<a href=\"https:\/\/wpbeaveraddons.com\/demo\/background-effects\/nasa-animation\/\" target=\"_blank\" role=\"button\" rel=\"noopener noreferrer\">\n\t\t\t\t\t\t\tView Demo\n\t\t\t\t\t<\/a>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/nasa.jpg\" alt=\"nasa\" height=\"349\" width=\"655\" title=\"nasa\" \/>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/bubble1.jpg\" alt=\"bubble1\" height=\"349\" width=\"655\" title=\"bubble1\" \/>\n\t\t<h2>\n\t\t\tBubble Animation\n\t\t<\/h2>\n\t\t<p>Create a cute bubble animation on the website background using Background effects feature.<br \/><strong>Styling Options for Bubble Animation:<\/strong><\/p>\t\n\t<ul>\n\t\t\t<li>\n\t\t\t\tChoose the color, size &amp; quantity of element\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\tControl elements\u2019 moving speed  &amp; direction\n\t\t\t<\/li>\n\t\t<\/ul>\n\t\t\t<a href=\"https:\/\/wpbeaveraddons.com\/demo\/background-effects\/bubble-animation\/\" target=\"_blank\" role=\"button\" rel=\"noopener noreferrer\">\n\t\t\t\t\t\t\tView Demo\n\t\t\t\t\t<\/a>\n\t\t<h2>\n\t\t\tSnow Animation\n\t\t<\/h2>\n\t\t<p>Add a stunning snow rain effect on website background.<br \/><strong>Styling Options for Snow Animation:<\/strong><\/p>\t\n\t<ul>\n\t\t\t<li>\n\t\t\t\tChoose the color, size &amp; quantity of elements\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\tControl over elements\u2019 moving direction &amp; speed\n\t\t\t<\/li>\n\t\t<\/ul>\n\t\t\t<a href=\"https:\/\/wpbeaveraddons.com\/demo\/background-effects\/snow-animation\/\" target=\"_blank\" role=\"button\" rel=\"noopener noreferrer\">\n\t\t\t\t\t\t\tView Demo\n\t\t\t\t\t<\/a>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/snow1.jpg\" alt=\"snow1\" height=\"349\" width=\"655\" title=\"snow1\" \/>\n\t\t<h2>\n\t\t\tGet Access to 350+ Beautiful Templates &amp; 55+ Creative Modules.\n\t\t<\/h2>\n\t\t<p>Buy worry free with our 14-Days Money Back Guarantee.\u00a0<\/p>\t\n\t<a href=\"https:\/\/wpbeaveraddons.com\/pricing\/?utm_source=footer&amp;utm_medium=cta&amp;utm_campaign=footer_cta\" target=\"_self\" role=\"button\" rel=\"noopener noreferrer\">\n\t\t\t\t<strong>GET POWERPACK<\/strong>\n\t\t\t<\/a>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/person-1.png\" alt=\"\" height=\"425\" width=\"500\" \/>\n","protected":false},"excerpt":{"rendered":"<p>Blog Spice up website background by adding amazing visual effects with Background Effects feature for Beaver Builder. Birds Animation Create beautiful flying birds animation on website background.Styling Options for Birds Animation: Choose primary &amp; secondary color Control over birds\u2019 cohesion behavior Choose quantity &amp; size of the bird View Demo Fog Animation Add fog animation&hellip;<\/p>\n","protected":false},"author":530,"featured_media":0,"parent":79,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/pages\/211627"}],"collection":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/users\/530"}],"replies":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/comments?post=211627"}],"version-history":[{"count":0,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/pages\/211627\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/pages\/79"}],"wp:attachment":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/media?parent=211627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}