[{"layout":12,"settings":{"title":"","heading_selector":"h3","title_fontsize":"","title_fontweight":"","title_text_color":"","title_margin_top":"","title_margin_bottom":"","subtitle":"","subtitle_fontsize":"","title_position":"sppb-text-center","background_color":"","color":"","background_image":"","background_repeat":"inherit","background_size":"cover","background_attachment":"inherit","background_position":"50% 50%","background_video":0,"background_video_mp4":"","background_video_ogv":"","id":"multicolor_gradients","class":"fable-wave animated-gradient-2","padding":{"md":"   ","sm":"   ","xs":"   "},"margin":{"md":"   ","sm":"   ","xs":"   "},"fullscreen":0,"columns_align_center":0,"no_gutter":0,"row_border":0,"show_top_shape":0,"show_bottom_shape":0,"columns_content_alignment":"center","background_type":"none"},"id":1582284011564,"visibility":1,"columns":[{"class_name":"col-sm-12","settings":{"background":"","color":"","padding":{"md":"10px 10px 10px 10px","sm":"10px 10px 10px 10px","xs":"   "},"animation":"","animationduration":300,"animationdelay":0,"class":"","items_align_center":0,"margin":{"md":"   ","sm":"   ","xs":"   "},"use_border":0,"background_type":"none"},"id":1582284011591,"addons":[{"type":"","name":"text_block","title":"Text Block","id":1582284011592,"settings":{"admin_label":"Multicolor Gradients","title":"Multicolor Gradients","heading_selector":"h2","title_fontsize":"37","title_lineheight":"","title_fontstyle":null,"title_letterspace":"0","title_fontweight":"","title_text_color":"#ffffff","title_margin_top":"35","title_margin_bottom":"15","text":"<em>Complete set of 68+ multicolor CSS gradients that will beautifully complement any project. Just copy any gradient below and paste it into any \"Custom CSS\" field. You can use it in any DIV, section, addon, anywhere where you can paste CSS class (gradient) below.</em>","alignment":"sppb-text-center","class":"text-shadow","global_text_color":"#ffffff","global_link_color":"","global_link_hover_color":"","global_use_background":"0","global_background_color":"","global_background_image":"","global_background_repeat":"no-repeat","global_background_size":"cover","global_background_attachment":"inherit","global_user_border":0,"global_border_width":"","global_border_color":"","global_boder_style":"none","global_border_radius":"","global_margin":{"md":"   ","sm":"   ","xs":"   "},"global_padding":{"md":"30px 25px 45px 25px","sm":"   ","xs":"   "},"global_use_animation":0,"global_animation":"","global_animationduration":"300","global_animationdelay":"0","hidden_md":"0","hidden_sm":"0","hidden_xs":"0","acl":null,"dropcap":0},"visibility":1},{"id":1589649641150,"name":"raw_html","visibility":true,"settings":{"admin_label":"","title":"","heading_selector":"h3","title_fontsize":"","title_lineheight":"","title_letterspace":"0","html":"<button class=\"sppb-btn sppb-btn-light sppb-btn-3d artificial-nature artificial-nature animated-gradient centered\" onclick=\"toggleAnimation()\">Toggle Animation</button>\n\n<script>\nvar activate_animation = document.getElementById(\"multicolor_gradients\");\nfunction toggleAnimation() {\n   activate_animation.classList.toggle(\"animated-gradient-2\");\n}\n</script>","class":"centered","global_background_type":"none","global_background_gradient":{"color":"#00c6fb","color2":"#005bea","deg":"45","type":"linear"},"global_background_image":{"src":""},"global_background_repeat":"no-repeat","global_background_size":"cover","global_background_attachment":"inherit","global_background_position":"50% 50%","global_use_overlay":0,"global_overlay_type":"overlay_none","global_gradient_overlay":{"color":"rgba(127, 0, 255, 0.8)","color2":"rgba(225, 0, 255, 0.7)","deg":"45","type":"linear"},"global_pattern_overlay":{"src":""},"global_overlay_pattern_color":"","blend_mode":"normal","global_user_border":0,"global_border_width":"","global_border_radius":0,"global_margin":{"md":"0 0 60px 0","sm":"   ","xs":"   "},"global_padding":{"md":"   ","sm":"   ","xs":"   "},"global_boxshadow":"0 0 0 0 #ffffff","global_use_animation":0,"global_animationduration":"300","global_animationdelay":"0","global_custom_css":"","global_custom_position":0,"global_seclect_position":"relative","global_addon_position_left":{"unit":"px"},"global_addon_position_top":{"unit":"px"},"use_global_width":"0","hidden_md":"0","hidden_sm":"0","hidden_xs":"0","acl":"","while_scroll_view":[{"enable_while_scroll_view":0,"on_scroll_actions":[{"id":"b3fdc1c1e6bfde5942ea","index":0,"keyframe":0,"name":"move","property":{"x":"0","y":"-100","z":"0"},"range":{"max":500,"min":-500,"stop":1},"single":true,"title":"Move"},{"id":"936e0225e6dc8edfba7d","index":1,"keyframe":100,"name":"move","property":{"x":0,"y":0,"z":0},"range":{"max":500,"min":-500,"stop":1},"single":true,"title":"Move"}],"transition_origin_x":"center","transition_origin_y":"center","enable_tablet":0,"enable_mobile":0}],"mouse_movement":[{"enable_tilt_effect":0,"mouse_tilt_direction":"direct","mouse_tilt_speed":"1","mouse_tilt_max":"15","enable_tablet":0,"enable_mobile":0}]}}],"visibility":1}],"collapse":"","title":"Row"},{"id":1580819382905,"visibility":true,"collapse":false,"settings":{"admin_label":"","title":"","heading_selector":"h3","title_fontsize":"","title_fontweight":"","title_position":"sppb-text-center","columns_align_center":1,"columns_content_alignment":"center","fullscreen":0,"no_gutter":0,"container_width":{"unit":"px"},"container_max_width":{"unit":"px"},"container_min_width":{"unit":"px"},"row_width":{"unit":"px"},"row_max_width":{"unit":"px"},"row_min_width":{"unit":"px"},"padding":{"md":"50px 0px 45px 0px","sm":"   ","xs":"   "},"margin":{"md":"   ","sm":"   ","xs":"   "},"background_type":"none","background_gradient":{"color":"#00c6fb","color2":"#005bea","deg":"45","type":"linear"},"background_image":"","background_parallax":"0","background_repeat":"no-repeat","background_size":"cover","background_size_custom":{"unit":"px"},"background_attachment":"fixed","background_position":"0 0","background_position_custom_x":{"unit":"px"},"background_position_custom_y":{"unit":"px"},"external_background_video":"0","video_loop":1,"overlay_type":"overlay_none","gradient_overlay":{"color":"rgba(127, 0, 255, 0.8)","color2":"rgba(225, 0, 255, 0.7)","deg":"45","type":"linear"},"pattern_overlay":"","overlay_pattern_color":"","blend_mode":"normal","row_border":0,"row_border_style":"solid","row_border_radius":0,"row_boxshadow":"0 0 0 0 #ffffff","show_top_shape":0,"shape_name":"clouds-flat","shape_color":"#e5e5e5","shape_width":{"md":100,"sm":100,"xs":100},"shape_height":"","shape_flip":false,"shape_invert":false,"shape_to_front":false,"show_bottom_shape":0,"bottom_shape_name":"clouds-opacity","bottom_shape_color":"#e5e5e5","bottom_shape_width":{"md":100,"sm":100,"xs":100},"bottom_shape_height":"","bottom_shape_flip":false,"bottom_shape_invert":false,"bottom_shape_to_front":false,"hidden_xs":"","hidden_sm":"","hidden_md":"","animationduration":"300","animationdelay":"0"},"layout":"12","columns":[{"id":1580819382904,"class_name":"col-md-12","visibility":true,"settings":{"background_type":"none","background_gradient":{"color":"#00c6fb","color2":"#005bea","deg":"45","type":"linear"},"background_image":"","background_repeat":"no-repeat","background_size":"cover","background_attachment":"scroll","background_position":"0 0","overlay_type":"overlay_color","gradient_overlay":{"color":"rgba(127, 0, 255, 0.8)","color2":"rgba(225, 0, 255, 0.7)","deg":"45","type":"linear"},"pattern_overlay":"","overlay_pattern_color":"","blend_mode":"normal","items_align_center":0,"items_content_alignment":"center","use_border":0,"border_width":"","border_radius":0,"boxshadow":"0 0 0 0 #fff","sm_col":"","xs_col":"","tablet_order":"","mobile_order":"","hidden_xs":"","hidden_sm":"","hidden_md":"","animationduration":"300","animationdelay":"0","padding":{"md":"   ","sm":"   ","xs":"   "},"margin":{"md":"   ","sm":"   ","xs":"   "}},"addons":[{"id":1580843152782,"name":"raw_html","visibility":true,"settings":{"admin_label":"Multiple Gradients","title":"","heading_selector":"h3","title_fontsize":"","title_lineheight":"","title_letterspace":"0","html":"\n<div id=\"myTable\" class=\"row-fluid centered gradients-list\">\n   <p class=\"svgwhite\" style=\"display:none;\" id=\"search-empty\"><i class=\"pe pe-7s-light\"></i> There's no match for your search: <strong></strong></p>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview spectrum-background\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">spectrum-background</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview elegant-rainbow\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">elegant-rainbow</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview colored-petal\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">colored-petal</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview energetic-soul\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">energetic-soul</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview fable-wave\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">fable-wave</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview bright-brain\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">bright-brain</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview confusing-fluid\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">confusing-fluid</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview violet-orange\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">violet-orange</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview dynamic-rainbow\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">dynamic-rainbow</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview paypal-blue\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">paypal-blue</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview new-blush\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">new-blush</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview artificial-nature\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">artificial-nature</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview first-chapter\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">first-chapter</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview sensitive-destination\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">sensitive-destination</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview illusive-love\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">illusive-love</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview chroma-serenity\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">chroma-serenity</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview yellow-tickets\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">yellow-tickets</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview red-crossing\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">red-crossing</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview romantic-sun\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">romantic-sun</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview another-view\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">another-view</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview bright-leaks\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">bright-leaks</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview execute-pink\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">execute-pink</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview cute-baby\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">cute-baby</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview holographic-painting\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">holographic-painting</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview blue-morals\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">blue-morals</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview dynamic-energy\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">dynamic-energy</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview modern-path\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">modern-path</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview blurry-vision\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">blurry-vision</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview red-scratch\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">red-scratch</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview purple-darkteal\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">purple-darkteal</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview blue-bleed\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">blue-bleed</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview faded-journey\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">faded-journey</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview distroted-flower\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">distroted-flower</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview soil-burst\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">soil-burst</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview pipe-dream\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">pipe-dream</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview water-ripple\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">water-ripple</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview urban-health\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">urban-health</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview colorful-utopia\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">colorful-utopia</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview radial-ridge\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">radial-ridge</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview harbor-explorer\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">harbor-explorer</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview dark-hope\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">dark-hope</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview dual-glitch\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">dual-glitch</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview ethical-destiny\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">ethical-destiny</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview twisted-fire\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">twisted-fire</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview golden-pond\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">golden-pond</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview bluish-star\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">bluish-star</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview redish-star\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">redish-star</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview greenish-star\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">greenish-star</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview burst-spectrum\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">burst-spectrum</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview spectar\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">spectar</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview undefined-waves\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">undefined-waves</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview invisible-life\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">invisible-life</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview leaf-rainbow\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">leaf-rainbow</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview rainbow-burst\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">rainbow-burst</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview gentle-space\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">gentle-space</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview highlight-space\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">highlight-space</div>\n\t</div>\n\n       <div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview luminosity-rings\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">luminosity-rings</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview luminosity-gemstones\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">luminosity-gemstones</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview nova-rings\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">nova-rings</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview coming-light\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">coming-light</div>\n\t</div>\n\t\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview orange-sparkle\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">orange-sparkle</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview light-divider\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">light-divider</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview summer-joy\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">summer-joy</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview gentle-stars\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">gentle-stars</div>\n\t</div>\n\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview warm-breeze\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">warm-breeze</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview orange-summet\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">orange-summet</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview descend-sun\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">descend-sun</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview vista-wallpaper\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">vista-wallpaper</div>\n\t</div>\n\n     <div class=\"row-fluid centered\"><br /><br /></div>\n       <div class=\"row-fluid centered\">\n         <h3 style=\"margin:40px auto 20px;\">Eight Patterns</h3><hr /><br />\n      </div>\n\n       <div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview pattern--1\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">pattern--1</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview pattern--2\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">pattern--2</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview pattern--3\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">pattern--3</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview pattern--4\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">pattern--4</div>\n\t</div>\n\n        <div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview pattern--5\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">pattern--5</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview pattern--6\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">pattern--6</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview pattern--7\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">pattern--7</div>\n\t</div>\n\t<div class=\"gradients-demo\">\n\t   <div class=\"gradients-demo__preview pattern--8\">\n\t\t  <button class=\"btn-copy\">Copy CSS</button>\n\t   </div>\n\t   <div class=\"gradients-demo__class\">pattern--8</div>\n\t</div>\n     \n</div>\n\n<script>\nsetTimeout(function () {\n\n  var items = document.querySelectorAll(\".gradients-demo\");\n  var btnsCopy = document.querySelector(\".btn-copy\").textContent;\n  var demoBackground = document.querySelector(\".page-content\");\n\n  for (var i = 0; i < items.length; ++i) { \n    copyToClipBoard(items[i]);\n   }\n\n    function copyToClipBoard(item) {\n      var btnCopy = item.querySelector('.btn-copy'); \n\n      btnCopy.addEventListener(\"click\", function (e) {\n\n        var copyArea = item.querySelector(\".gradients-demo__class\");\n        //var newbtnCopy = item.querySelector(\".btn-copy\");\n\n        var range = document.createRange();\n        range.selectNode(copyArea);\n        window.getSelection().addRange(range);\n\n        try {\n          var copyStatus = document.execCommand('copy');\n          var msg = copyStatus ? 'copied' : 'failed';\n          console.log(msg);\n\n          var copying = setInterval(timedFunc, 3000);\n          btnCopy.innerHTML = \"✔ Copied: \" + copyArea.textContent;\n          demoBackground.classList.add(copyArea.textContent);\n          copyArea.classList.add(\"intro-zoom-in\");\n\n          function timedFunc() {\n            btnCopy.innerHTML = btnsCopy;\n            demoBackground.classList.remove(copyArea.textContent);\n            copyArea.classList.remove('intro-zoom-in');\n            demoBackground.classList.remove(\"intro-appear\");\n            clearInterval(copying);\n            window.getSelection().removeAllRanges();\n          }\n        } catch (error) {\n          console.log('Oops!, unable to copy');\n        }\n        window.getSelection().removeAllRanges();\n     });\n  }\n});\n</script>","class":" ","global_background_type":"none","global_background_gradient":{"color":"#00c6fb","color2":"#005bea","deg":"45","type":"linear"},"global_background_repeat":"no-repeat","global_background_size":"cover","global_background_attachment":"inherit","global_background_position":"50% 50%","global_use_overlay":0,"global_overlay_type":"overlay_none","global_gradient_overlay":{"color":"rgba(127, 0, 255, 0.8)","color2":"rgba(225, 0, 255, 0.7)","deg":"45","type":"linear"},"global_pattern_overlay":"","global_overlay_pattern_color":"","blend_mode":"normal","global_user_border":0,"global_border_width":"","global_border_radius":0,"global_margin":{"md":"0px 0px 30px 0px","sm":"0px 0px 20px 0px","xs":"0px 0px 10px 0px"},"global_padding":{"md":"   ","sm":"   ","xs":"   "},"global_boxshadow":"0 0 0 0 #ffffff","global_use_animation":0,"global_animationduration":"300","global_animationdelay":"0","global_custom_css":"#addonId .gradients-list {\n  width:100%;\n  display:block;\n}\n#addonId .gradients-demo {\n  margin: 0 auto 20px;\n  float:left;\n  width: 25%;\n  padding:9px 18px;\n\tborder-radius:4px;\n}\n#addonId .rtl .gradients-demo {\n  float:right;\n}\n#addonId .gradients-demo .gradients-demo__preview {\n  position:relative;\n  width: 100%;\n  min-height:180px;\n  padding: 2.5rem 1.9rem;\n  text-align:center;\n  border-radius:4px;\n  -webkit-transition: all .4s ease;\n  -moz-transition: all .4s ease;\n  transition: all .4s ease;\n}\n#addonId .gradients-demo .gradients-demo__preview .btn-copy {\n  background:rgba(0,0,0,.12);\n  color:#fff;\n  position:absolute;\n  bottom:10%;\n  left:10%;\n  border-radius:3px;\n  font-size: 1em;\n  width: 80%;\n  margin:0 auto;\n  padding:7px 0;\n  text-shadow:0 1px 2px rgba(0,0,0,.3);\n  -webkit-transition: all .4s cubic-bezier(0.4,0,0.1,1.2);\n  transition: all .4s cubic-bezier(0.4,0,0.1,1.2);\n  -webkit-transform: translateZ(0) scale(1);\n  transform: translateZ(0) scale(1);\n\n}\n#addonId .gradients-demo .gradients-demo__class {\n  color: #999;\n  display: flex;\n  flex-direction: column;\n  padding: .7em 0 0;\n  width: 100%;\n  clear:both;\n  font-size: 0.9em;\n  line-height:1.2;\n  -webkit-transition: all .3s ease;\n  -moz-transition: all .3s ease;\n  -o-transition: all .3s ease;\n  transition: all .3s ease;\n}\n#addonId .gradients-demo:hover .gradients-demo__preview .btn-copy {\n  -webkit-transform: translateZ(0) scale(1.15);\n  transform: translateZ(0) scale(1.15);\n  background:rgba(0,0,0,0);\n}\n#addonId .gradients-demo:hover .gradients-demo__preview {\n\tbox-shadow:inset 0 -100px 38px -20px rgba(0,0,0,0.35);\n}\n#addonId .gradients-demo:hover .gradients-demo__class {\n  color: #303030;\n}\n@media (max-width: 992px) {\n  #addonId .gradients-demo {\n    width:25%;\n  }\n}\n@media (max-width: 768px) {\n  #addonId .gradients-demo {\n    width:33.33%;\n  }\n}\n@media (max-width: 480px) {\n  #addonId .gradients-list {\n    display: flex;\n     flex-wrap: wrap;\n  }\n  #addonId .gradients-demo {\n    width:50%;\n  }\n}\n","global_custom_position":0,"global_seclect_position":"relative","global_addon_position_left":{"unit":"px"},"global_addon_position_top":{"unit":"px"},"use_global_width":"0","hidden_md":"0","hidden_sm":"0","hidden_xs":"0","acl":"","while_scroll_view":[{"enable_while_scroll_view":0,"on_scroll_actions":[{"id":"b3fdc1c1e6bfde5942ea","index":0,"keyframe":0,"name":"move","property":{"x":"0","y":"-100","z":"0"},"range":{"max":500,"min":-500,"stop":1},"single":true,"title":"Move"},{"id":"936e0225e6dc8edfba7d","index":1,"keyframe":100,"name":"move","property":{"x":0,"y":0,"z":0},"range":{"max":500,"min":-500,"stop":1},"single":true,"title":"Move"}],"transition_origin_x":"center","transition_origin_y":"center","enable_tablet":0,"enable_mobile":0}],"mouse_movement":[{"enable_tilt_effect":0,"mouse_tilt_direction":"direct","mouse_tilt_speed":"1","mouse_tilt_max":"15","enable_tablet":0,"enable_mobile":0}],"instFormId":1580843152782}},{"id":1589649641272,"name":"divider","visibility":true,"settings":{"admin_label":"","divider_type":"border","divider_vertical":0,"divider_height_vertical":{"md":"100","sm":"","xs":""},"divider_image":"","background_repeat":"no-repeat","divider_height":"10","divider_position":{"md":"center"},"container_div_width":{"md":"474","sm":"","xs":""},"border_style":"dashed","border_width":"1","border_radius":"","border_color":"#ffa0a0","margin_top":{"md":"20","sm":20,"xs":10},"margin_bottom":{"md":"15","sm":20,"xs":10},"class":"","global_background_type":"none","global_background_gradient":{"color":"#00c6fb","color2":"#005bea","deg":"45","type":"linear"},"global_background_image":{"src":""},"global_background_repeat":"no-repeat","global_background_size":"cover","global_background_attachment":"inherit","global_background_position":"50% 50%","global_use_overlay":0,"global_overlay_type":"overlay_none","global_gradient_overlay":{"color":"rgba(127, 0, 255, 0.8)","color2":"rgba(225, 0, 255, 0.7)","deg":"45","type":"linear"},"global_pattern_overlay":{"src":""},"global_overlay_pattern_color":"","blend_mode":"normal","global_user_border":0,"global_border_width":"","global_border_radius":0,"global_margin":{"md":"0px 0px 30px 0px","sm":"0px 0px 20px 0px","xs":"0px 0px 10px 0px"},"global_padding":"","global_boxshadow":"0 0 0 0 #ffffff","global_use_animation":0,"global_animationduration":"300","global_animationdelay":"0","global_custom_css":"","global_custom_position":0,"global_seclect_position":"relative","global_addon_position_left":{"unit":"px"},"global_addon_position_top":{"unit":"px"},"use_global_width":"0","hidden_md":"0","hidden_sm":"0","hidden_xs":"0","acl":"","while_scroll_view":[{"enable_while_scroll_view":0,"on_scroll_actions":[{"id":"b3fdc1c1e6bfde5942ea","index":0,"keyframe":0,"name":"move","property":{"x":"0","y":"-100","z":"0"},"range":{"max":500,"min":-500,"stop":1},"single":true,"title":"Move"},{"id":"936e0225e6dc8edfba7d","index":1,"keyframe":100,"name":"move","property":{"x":0,"y":0,"z":0},"range":{"max":500,"min":-500,"stop":1},"single":true,"title":"Move"}],"transition_origin_x":"center","transition_origin_y":"center","enable_tablet":0,"enable_mobile":0}],"mouse_movement":[{"enable_tilt_effect":0,"mouse_tilt_direction":"direct","mouse_tilt_speed":"1","mouse_tilt_max":"15","enable_tablet":0,"enable_mobile":0}]}},{"id":1582290119328,"name":"raw_html","visibility":true,"settings":{"admin_label":"Pixeden sizes (classes)","title":"Adding Animation","heading_selector":"h2","title_fontsize":"","title_lineheight":"","title_letterspace":"0","html":"<p>To activate CSS animation (hardware acceleration) for Multicolor Gradients, use CSS class <code>animated-gradient</code>, or <code>animated-gradient-2</code>.</p>\n","class":"centered","global_background_type":"none","global_background_gradient":{"color":"#00c6fb","color2":"#005bea","deg":"45","type":"linear"},"global_background_repeat":"no-repeat","global_background_size":"cover","global_background_attachment":"inherit","global_background_position":"50% 50%","global_use_overlay":0,"global_overlay_type":"overlay_none","global_gradient_overlay":{"color":"rgba(127, 0, 255, 0.8)","color2":"rgba(225, 0, 255, 0.7)","deg":"45","type":"linear"},"global_pattern_overlay":"","global_overlay_pattern_color":"","blend_mode":"normal","global_user_border":0,"global_border_width":"","global_border_radius":0,"global_margin":{"md":"40px 0px 15px 0px","sm":"0px 0px 20px 0px","xs":"0px 0px 10px 0px"},"global_padding":{"md":"10px 10px 10px 10px","sm":"   ","xs":"   "},"global_boxshadow":"0 0 0 0 #ffffff","global_use_animation":0,"global_animationduration":"300","global_animationdelay":"0","global_custom_css":"","global_custom_position":0,"global_seclect_position":"relative","global_addon_position_left":{"unit":"px"},"global_addon_position_top":{"unit":"px"},"use_global_width":"0","hidden_md":"0","hidden_sm":"0","hidden_xs":"0","acl":"","while_scroll_view":[{"enable_while_scroll_view":0,"on_scroll_actions":[{"id":"b3fdc1c1e6bfde5942ea","index":0,"keyframe":0,"name":"move","property":{"x":"0","y":"-100","z":"0"},"range":{"max":500,"min":-500,"stop":1},"single":true,"title":"Move"},{"id":"936e0225e6dc8edfba7d","index":1,"keyframe":100,"name":"move","property":{"x":0,"y":0,"z":0},"range":{"max":500,"min":-500,"stop":1},"single":true,"title":"Move"}],"transition_origin_x":"center","transition_origin_y":"center","enable_tablet":0,"enable_mobile":0}],"mouse_movement":[{"enable_tilt_effect":0,"mouse_tilt_direction":"direct","mouse_tilt_speed":"1","mouse_tilt_max":"15","enable_tablet":0,"enable_mobile":0}],"title_margin_bottom":{"md":"30","sm":"","xs":""}}},{"id":1589649641213,"type":"inner_row","settings":{"admin_label":"","title":"","heading_selector":"h3","title_fontsize":"","title_fontweight":"","title_position":"sppb-text-center","columns_align_center":0,"columns_content_alignment":"center","fullscreen":0,"no_gutter":0,"container_width":{"unit":"px"},"container_max_width":{"unit":"px"},"container_min_width":{"unit":"px"},"row_width":{"unit":"px"},"row_max_width":{"unit":"px"},"row_min_width":{"unit":"px"},"padding":{"md":"50px 0px 50px 0px","sm":"   ","xs":"   "},"margin":{"md":"0 0 50px 0","sm":"   ","xs":"   "},"background_type":"none","background_gradient":{"color":"#00c6fb","color2":"#005bea","deg":"45","type":"linear"},"background_image":{"src":""},"background_parallax":"0","background_repeat":"no-repeat","background_size":"cover","background_size_custom":{"unit":"px"},"background_attachment":"fixed","background_position":"0 0","background_position_custom_x":{"unit":"px"},"background_position_custom_y":{"unit":"px"},"external_background_video":"0","background_video_mp4":{"src":""},"background_video_ogv":{"src":""},"video_loop":1,"overlay_type":"overlay_none","gradient_overlay":{"color":"rgba(127, 0, 255, 0.8)","color2":"rgba(225, 0, 255, 0.7)","deg":"45","type":"linear"},"pattern_overlay":"","overlay_pattern_color":"","blend_mode":"normal","row_border":0,"row_border_style":"solid","row_border_radius":{"md":"7","sm":"","xs":""},"row_boxshadow":"0 0 0 0 #ffffff","show_top_shape":0,"shape_name":"clouds-flat","shape_color":"#e5e5e5","shape_width":{"md":100,"sm":100,"xs":100},"shape_height":"","shape_flip":false,"shape_invert":false,"shape_to_front":false,"show_bottom_shape":0,"bottom_shape_name":"clouds-opacity","bottom_shape_color":"#e5e5e5","bottom_shape_width":{"md":100,"sm":100,"xs":100},"bottom_shape_height":"","bottom_shape_flip":false,"bottom_shape_invert":false,"bottom_shape_to_front":false,"hidden_xs":"","hidden_sm":"","hidden_md":"","animationduration":"300","animationdelay":"0","class":"nova-rings","id":"animated_gradient2"},"layout":"12","visibility":true,"columns":[{"id":1589649641214,"class_name":"col-md-12","visibility":true,"settings":{"background_type":"none","background_gradient":{"color":"#00c6fb","color2":"#005bea","deg":"45","type":"linear"},"background_image":{"src":""},"background_repeat":"no-repeat","background_size":"cover","background_attachment":"scroll","background_position":"0 0","overlay_type":"overlay_color","gradient_overlay":{"color":"rgba(127, 0, 255, 0.8)","color2":"rgba(225, 0, 255, 0.7)","deg":"45","type":"linear"},"pattern_overlay":{"src":""},"overlay_pattern_color":"","blend_mode":"normal","items_align_center":0,"items_content_alignment":"center","use_border":0,"border_width":"","border_radius":0,"boxshadow":"0 0 0 0 #fff","sm_col":"","xs_col":"","tablet_order":"","mobile_order":"","hidden_xs":"","hidden_sm":"","hidden_md":"","animationduration":"300","animationdelay":"0"},"addons":[{"type":"","name":"text_block","title":"Text Block","id":1589649641235,"settings":{"admin_label":"Multicolor Gradients","title":"","heading_selector":"h2","title_fontsize":"37","title_lineheight":"","title_fontstyle":null,"title_letterspace":"0","title_fontweight":"","title_text_color":"#ffffff","title_margin_top":"35","title_margin_bottom":"15","text":"<em>Click on button below to \"activate\" animation</em>","alignment":"sppb-text-center","class":"text-shadow","global_text_color":"rgba(255, 255, 255, 0.9)","global_link_color":"","global_link_hover_color":"","global_use_background":"0","global_background_color":"","global_background_image":"","global_background_repeat":"no-repeat","global_background_size":"cover","global_background_attachment":"inherit","global_user_border":0,"global_border_width":"","global_border_color":"","global_boder_style":"none","global_border_radius":"","global_margin":{"md":"   ","sm":"   ","xs":"   "},"global_padding":{"md":"55px 25px 35px 25px","sm":"   ","xs":"   "},"global_use_animation":0,"global_animation":"","global_animationduration":"300","global_animationdelay":"0","hidden_md":"0","hidden_sm":"0","hidden_xs":"0","acl":null,"dropcap":0,"text_fontsize":{"md":"18","sm":"","xs":""}},"visibility":1},{"id":1589649641209,"name":"raw_html","visibility":true,"settings":{"admin_label":"","title":"","heading_selector":"h3","title_fontsize":"","title_lineheight":"","title_letterspace":"0","html":"<button class=\"sppb-btn sppb-btn-light sppb-btn-3d gentle-stars centered\" onclick=\"toggleAnimation2()\">Toggle Animation</button>\n\n<script>\nvar activate_animation2 = document.getElementById(\"animated_gradient2\");\nfunction toggleAnimation2() {\n   activate_animation2.classList.toggle(\"animated-gradient-2\");\n}\n</script>","class":"centered text-shadow","global_background_type":"none","global_background_gradient":{"color":"#00c6fb","color2":"#005bea","deg":"45","type":"linear"},"global_background_image":{"src":""},"global_background_repeat":"no-repeat","global_background_size":"cover","global_background_attachment":"inherit","global_background_position":"50% 50%","global_use_overlay":0,"global_overlay_type":"overlay_none","global_gradient_overlay":{"color":"rgba(127, 0, 255, 0.8)","color2":"rgba(225, 0, 255, 0.7)","deg":"45","type":"linear"},"global_pattern_overlay":{"src":""},"global_overlay_pattern_color":"","blend_mode":"normal","global_user_border":0,"global_border_width":"","global_border_radius":0,"global_margin":{"md":"0 0 55px 0","sm":"   ","xs":"   "},"global_padding":{"md":"   ","sm":"   ","xs":"   "},"global_boxshadow":"0 0 0 0 #ffffff","global_use_animation":0,"global_animationduration":"300","global_animationdelay":"0","global_custom_css":"","global_custom_position":0,"global_seclect_position":"relative","global_addon_position_left":{"unit":"px"},"global_addon_position_top":{"unit":"px"},"use_global_width":"0","hidden_md":"0","hidden_sm":"0","hidden_xs":"0","acl":"","while_scroll_view":[{"enable_while_scroll_view":0,"on_scroll_actions":[{"id":"b3fdc1c1e6bfde5942ea","index":0,"keyframe":0,"name":"move","property":{"x":"0","y":"-100","z":"0"},"range":{"max":500,"min":-500,"stop":1},"single":true,"title":"Move"},{"id":"936e0225e6dc8edfba7d","index":1,"keyframe":100,"name":"move","property":{"x":0,"y":0,"z":0},"range":{"max":500,"min":-500,"stop":1},"single":true,"title":"Move"}],"transition_origin_x":"center","transition_origin_y":"center","enable_tablet":0,"enable_mobile":0}],"mouse_movement":[{"enable_tilt_effect":0,"mouse_tilt_direction":"direct","mouse_tilt_speed":"1","mouse_tilt_max":"15","enable_tablet":0,"enable_mobile":0}]}}]}]}]}]}]