{"id":12597,"date":"2025-04-08T10:48:55","date_gmt":"2025-04-08T10:48:55","guid":{"rendered":"https:\/\/docs.zozothemes.com\/cea\/?p=12597"},"modified":"2025-04-24T04:53:32","modified_gmt":"2025-04-24T04:53:32","slug":"fluid-animation","status":"publish","type":"post","link":"https:\/\/docs.zozothemes.com\/cea\/fluid-animation\/","title":{"rendered":"Fluid Animation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"12597\" class=\"elementor elementor-12597\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-579d496 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"579d496\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f137e17\" data-id=\"f137e17\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a210bc0 elementor-widget elementor-widget-text-editor\" data-id=\"a210bc0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>This shortcode For to Add the Fluid Animation.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-391718d elementor-widget elementor-widget-video\" data-id=\"391718d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;show_image_overlay&quot;:&quot;yes&quot;,&quot;image_overlay&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/docs.zozothemes.com\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/banner-new.png&quot;,&quot;id&quot;:10220,&quot;size&quot;:&quot;&quot;},&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/fluid-animation.mp4\" autoplay=\"\" loop=\"\" controls=\"\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t\t\t<div class=\"elementor-custom-embed-image-overlay\" style=\"background-image: url(https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/banner-new-1.png);\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-custom-embed-play\" role=\"button\" aria-label=\"Play Video\" tabindex=\"0\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-play\"><\/i>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88cdf96 cea-btn-align-center elementor-widget elementor-widget-ceabutton\" data-id=\"88cdf96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ceabutton.default\">\n\t\t\t\t<div class=\"elementor-widget-container cea-button-wrapper\">\n\t\t\t\t\t<div class=\"cea-button-wrapper\">\n\t\t\t<a href=\"https:\/\/cea.zozothemes.com\/fluid-animation\/\" class=\"cea-button-link elementor-button cea-button elementor-size-lg elementor-animation-grow\">\n\t\t\t\t\t\t<span class=\"cea-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"cea-button-icon cea-align-icon-right\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"ti ti-share\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"cea-button-text\">Demo Link<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-1a6b750 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1a6b750\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-a04e390\" data-id=\"a04e390\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ec8680a elementor-widget elementor-widget-image\" data-id=\"ec8680a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"523\" height=\"772\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/fluid_animation_1.png\" class=\"attachment-full size-full wp-image-12599\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/fluid_animation_1.png 523w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/fluid_animation_1-203x300.png 203w\" sizes=\"(max-width: 523px) 100vw, 523px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4612713 elementor-widget elementor-widget-image\" data-id=\"4612713\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"525\" height=\"610\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/fluid_animation_2.png\" class=\"attachment-full size-full wp-image-12600\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/fluid_animation_2.png 525w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/fluid_animation_2-258x300.png 258w\" sizes=\"(max-width: 525px) 100vw, 525px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a27fcd elementor-widget elementor-widget-image\" data-id=\"3a27fcd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"522\" height=\"218\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/fluid_animation_3.png\" class=\"attachment-full size-full wp-image-12601\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/fluid_animation_3.png 522w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/fluid_animation_3-300x125.png 300w\" sizes=\"(max-width: 522px) 100vw, 522px\" \/>\t\t\t\t\t\t\t\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-4808660 elementor-widget elementor-widget-text-editor\" data-id=\"4808660\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4 style=\"text-decoration: underline;\">Fluid Animation<\/h4>\n<ul>\n<li><strong>Use Fluid Animation?<\/strong> &#8211; Here you can enable this to apply fluid animation.<\/li>\n<li><strong>Color<\/strong> &#8211; Here you can set the color for the Fluid Animation.<\/li>\n<li><b>Opacity <\/b>&#8211; Here you can set the opacity for the fluid animation.<\/li>\n<li><strong>Sim Resolution<\/strong> &#8211; Here you can set the resolution for the fluid animation.<\/li>\n<li><strong>Density Diffusion<\/strong> &#8211; Here you can set the rate at which color\/density diffusion over time.<\/li>\n<li><strong>Velocity Diffusion<\/strong> &#8211; Here you can set the rate at which the veocity dissipates over time.<\/li>\n<li><strong>Pressure<\/strong> &#8211; Here you can set the base pressure of the fluid animation.<\/li>\n<li><strong>Splat Radius<\/strong> &#8211; Here you can set the raduis for the &#8220;splat&#8221; effect when user interacts.<\/li>\n<li><strong>Keys Press Sensitivity<\/strong> &#8211; Here you can enable to trigger special effects when keyboard keys like spacebar and enter are pressed.<\/li>\n<\/ul>\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>This shortcode For to Add the Fluid Animation.https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/fluid-animation.mp4 Demo Link Fluid Animation Use Fluid Animation? &#8211; Here you can enable this to apply fluid animation. Color &#8211; Here you can set the color for the Fluid Animation. Opacity &#8211; Here you can set the opacity for the fluid animation. Sim Resolution &#8211; Here you can [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2312,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-12597","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shortcode"],"_links":{"self":[{"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/posts\/12597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/comments?post=12597"}],"version-history":[{"count":10,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/posts\/12597\/revisions"}],"predecessor-version":[{"id":12797,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/posts\/12597\/revisions\/12797"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/media\/2312"}],"wp:attachment":[{"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/media?parent=12597"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/categories?post=12597"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/tags?post=12597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}