First public release.<\/p>"},"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3599787,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256},"icon.svg":{"filename":"icon.svg","revision":3599787,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3599787,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3599787,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3599787,"resolution":"1","location":"assets","locale":"","width":1920,"height":1080},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3599787,"resolution":"2","location":"assets","locale":"","width":1920,"height":1080},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3599787,"resolution":"3","location":"assets","locale":"","width":1920,"height":1080},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3599787,"resolution":"4","location":"assets","locale":"","width":1920,"height":1080}},"screenshots":{"1":"The admin panel \u2014 pick an effect, tweak any parameter, see the result instantly.","2":"Advanced Neural Network \u2014 interactive particle network reacting to mouse and click.","3":"Falling Shapes \u2014 gentle falling geometry, fully styleable (snow, rain, confetti and more).","4":"Falling Shapes \u2014 two independent layers and your own images for richer scenes."}},"plugin_section":[],"plugin_tags":[266425,190640,237076,270542,16382],"plugin_category":[],"plugin_contributors":[270543],"plugin_business_model":[],"class_list":["post-317099","plugin","type-plugin","status-publish","hentry","plugin_tags-animated-background","plugin_tags-background-animation","plugin_tags-background-effects","plugin_tags-interactive-background","plugin_tags-live-preview","plugin_contributors-altonet","plugin_committers-altonet"],"banners":{"banner":"https:\/\/ps.w.org\/altonet-animated-bg\/assets\/banner-772x250.png?rev=3599787","banner_2x":"https:\/\/ps.w.org\/altonet-animated-bg\/assets\/banner-1544x500.png?rev=3599787","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/altonet-animated-bg\/assets\/icon.svg?rev=3599787","icon":"https:\/\/ps.w.org\/altonet-animated-bg\/assets\/icon.svg?rev=3599787","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/altonet-animated-bg\/assets\/screenshot-1.png?rev=3599787","caption":"The admin panel \u2014 pick an effect, tweak any parameter, see the result instantly."},{"src":"https:\/\/ps.w.org\/altonet-animated-bg\/assets\/screenshot-2.png?rev=3599787","caption":"Advanced Neural Network \u2014 interactive particle network reacting to mouse and click."},{"src":"https:\/\/ps.w.org\/altonet-animated-bg\/assets\/screenshot-3.png?rev=3599787","caption":"Falling Shapes \u2014 gentle falling geometry, fully styleable (snow, rain, confetti and more)."},{"src":"https:\/\/ps.w.org\/altonet-animated-bg\/assets\/screenshot-4.png?rev=3599787","caption":"Falling Shapes \u2014 two independent layers and your own images for richer scenes."}],"raw_content":"\n
Altonet Animated BG<\/strong> adds beautiful, fluid animated backgrounds to your WordPress site without touching a single line of code.<\/p>\n\n Pick an effect, tweak every parameter in a live preview, and publish. The result works with any theme and adapts to your site's design.<\/p>\n\n Both effects are completely free and fully configurable \u2014 no locked settings.<\/p>\n\n Altonet Animated BG Pro is a separate plugin (available at altonet.fr\/animated-bg<\/a>) that adds a larger library of effects \u2014 Lava Lamp, Drifting Sprite, Topographic Contours, Liquid Distortion and Hyperspace \u2014 plus harmonized background + animation presets, with more effects added over time. And most importantly, in the pro version, you can create as many animated background configurations as needed. Reuse them throughout your site or assign a different one to each section using CSS selectors or custom CSS classes.<\/p>\n\n The free plugin described here is fully functional. Pro is simply a separate product with more effects.<\/p>\n\n\n Or manually:<\/p>\n\n Yes. The plugin adds a layer behind your content and reads your theme's background color automatically. It has been tested on Kadence, Astra, GeneratePress, Hello Elementor, and the two latest default WordPress themes.<\/p>\n\n For themes that use complex internal layouts (page builders, FSE block themes) where some sections define their own background, the plugin offers a z-index<\/em> control and a CSS selector<\/em> to scope the animation precisely where you want it.<\/p><\/dd>\n The plugin is loaded only on the front-end pages where the background is active. Animations are rendered with hardware-accelerated Canvas \/ WebGL and pause when the tab is hidden. On low-end devices (detected from hardware capabilities), the animation is skipped entirely while keeping a static background \u2014 configurable from the admin.<\/p><\/dd>\n Yes, but by default the animation is disabled on mobile to save battery and keep things smooth. You can enable it from the admin if you want it everywhere. The static background color you chose is always displayed.<\/p><\/dd>\n Yes. The Falling Shapes<\/strong> effect lets you upload your own images (logos, icons, shapes) and animate them, using the standard WordPress media library.<\/p><\/dd>\n Yes. In the Display<\/strong> section of the admin, you can enter a CSS selector (for example Yes. Altonet Animated BG Pro is a separate plugin that adds more effects and ready-made presets. Details at altonet.fr\/animated-bg<\/a>. The free version stays fully functional on its own.<\/p><\/dd>\nWhy ABG?<\/h4>\n\n
\n
.hero<\/code>, #cta<\/code>, etc.). Optional parallax in scoped mode.<\/li>\nIncluded effects<\/h4>\n\n
\n
Made for real sites<\/h4>\n\n
\n
altonet-animated-bg<\/code>).<\/li>\n<\/ul>\n\nPro version<\/h4>\n\n
\n
\n
altonet-animated-bg<\/code> folder to \/wp-content\/plugins\/<\/code>.<\/li>\n\n
Does it work with my theme?<\/h3><\/dt>\n
Does it slow down my site?<\/h3><\/dt>\n
Will it work on mobile?<\/h3><\/dt>\n
Can I use my own images?<\/h3><\/dt>\n
Can I apply an effect only to one section of my page?<\/h3><\/dt>\n
.hero<\/code>, #cta<\/code>, or any class your theme\/builder uses) and the animation will be applied only to the matching blocks. Leave the field empty to keep a global background covering the whole page. Both modes are included in the free version.<\/p><\/dd>\nIs there a Pro version?<\/h3><\/dt>\n
I have a bug \/ a feature request<\/h3><\/dt>\n