{"id":16839,"date":"2025-05-24T11:23:55","date_gmt":"2025-05-24T11:23:55","guid":{"rendered":"https:\/\/animation-addons.com\/docs\/gsap-extensions\/advanced-tooltip-extensions\/"},"modified":"2025-08-31T08:43:15","modified_gmt":"2025-08-31T08:43:15","slug":"advanced-tooltip-extensions","status":"publish","type":"docs","link":"https:\/\/animation-addons.com\/docs\/general-extensions\/advanced-tooltip-extensions\/","title":{"rendered":"Advanced Tooltip Extensions Documentation"},"content":{"rendered":"\n

Want to share extra info without cluttering your page? The Advanced Tooltip<\/strong> feature is your secret weapon! With just a few clicks, you can add sleek little popups that appear when someone hovers or clicks on an element.<\/p>\n\n\n\n

Curious how it works? Keep reading to discover all the details!<\/p>\n\n\n\n

Requirement <\/strong><\/h2>\n\n\n\n
    \n
  • Elementor (Page Builder) <\/li>\n\n\n\n
  • Animations Addons for Elementor (Our Plugin)  <\/li>\n<\/ul>\n\n\n\n

    Tip<\/strong>: Make sure Animation Addons is installed and activated on your WordPress site before you start.    <\/p>\n\n\n\n

    How To Activate Advanced Tooltip <\/strong><\/h3>\n\n\n\n
      \n
    1. Go to your WordPress Dashboard. <\/strong><\/li>\n\n\n\n
    2. Click on Animation Addons. <\/strong><\/li>\n\n\n\n
    3. Head to the Extension<\/strong> tab. <\/li>\n<\/ol>\n\n\n\n

      Click on General extensions <\/strong>and <\/strong>toggle on Advanced Tooltip.<\/strong><\/p>\n\n\n\n

      \n
      \n
      \"Advanced<\/figure>\n<\/div>\n<\/div>\n\n\n\n

      Step 1: Choose Your Target Element <\/strong><\/h2>\n\n\n\n
        \n
      • Select the element you want to apply the Advanced Tooltip to, then click on the \u2018Advanced tab.\u2019<\/li>\n\n\n\n
      • Next, click on \u2018Advanced Tooltip\u2019 and toggle the \u2018Enable\u2019 switch to \u2018On\u2019. <\/li>\n\n\n\n
      • The Advanced Tooltip is now enabled. You\u2019ll find the option available in the page builder. <\/li>\n<\/ul>\n\n\n\n

        Enable ToolTip <\/strong><\/h3>\n\n\n\n

        The first thing you\u2019ll see is the \u2018Enable\u2019 option. To preview your animation inside the editor, you need to turn this on using the \u201cEnable On Editor\u201d setting.<\/p>\n\n\n\n

        If you switch it to “On”, the animation will play right in the editor, just like it would on your actual website.<\/p>\n\n\n\n

        But if you leave it “Off”, the element won\u2019t animate in the editor\u2014it\u2019ll just stay still. Don\u2019t worry, though, the animation will still work perfectly on your live site.<\/p>\n\n\n\n

        In short, this setting lets you see how your animation looks while you’re working on your page.<\/p>\n\n\n\n

        \n
        \n
        \"Advanced<\/figure>\n<\/div>\n<\/div>\n\n\n\n
        \n
        \n
        \"Advanced<\/figure>\n<\/div>\n<\/div>\n\n\n\n

        There are two options available: ‘Settings’ and ‘Styles’. I will start with ‘Settings’ in this example, but you can choose whichever works best for you.<\/p>\n\n\n\n

        \n
        \n
        \"Advanced<\/figure>\n<\/div>\n<\/div>\n\n\n\n

         Step 2: Adjust Tooltip Style and Behavior Settings<\/strong><\/h2>\n\n\n\n

        Change the look and behavior of your tooltip to fit your design. You can adjust its position, animation, timing, text alignment, and more to create a better user experience.<\/p>\n\n\n\n

        Settings <\/strong><\/h3>\n\n\n\n

        Content: <\/strong>In the content settings, you can enter any text you want to display when someone hovers over a specific element. For example, I wrote the phrase ‘Marketing is crucial for businesses\u2019. <\/strong><\/p>\n\n\n\n

        \n
        \n
        \"Advanced<\/figure>\n<\/div>\n<\/div>\n\n\n\n

        Position: <\/strong>The Position settings include four options: Top,<\/strong> Bottom,<\/strong> Left<\/strong>, and Right. <\/strong>If you select ‘Top,’ <\/strong>the extra info will slide in from above when someone hovers over the element. In the same way, choosing ‘Bottom<\/strong>‘ brings it in from below, ‘Left’<\/strong> slides it in from the left, and ‘Right’<\/strong> makes it appear from the right. <\/p>\n\n\n\n

        In my case, I selected ‘Top,<\/strong>‘ so the extra info slides in from the top when users hover over the targeted elements.”<\/p>\n\n\n\n

        \n
        \n
        \"Advanced<\/figure>\n<\/div>\n<\/div>\n\n\n\n

        Animation:<\/strong> The Animation section offers a range of effects that help bring your element to life. You can choose from options like Fading, Zooming, Bouncing, Sliding, Rotating, Attention Seekers, Light Speed, and Specials. <\/p>\n\n\n\n

        These effects let you add hover animations to your element to draw the user’s attention. For example, I selected the ‘Fade In Right’ animation, but you can choose any animation effect you prefer.<\/p>\n\n\n\n

        \n
        \n
        \"Advanced<\/figure>\n<\/div>\n<\/div>\n\n\n\n

        Animation Duration (ms)<\/strong>: It controls how long the tooltip animation takes to complete, measured in milliseconds (ms). For example, I\u2019ve set it to 1000, which makes the animation slower and more gradual, but you can choose any value that suits your preference.<\/p>\n\n\n\n

        \n
        \n
        \"Advanced<\/figure>\n<\/div>\n<\/div>\n\n\n\n

        Arrow:<\/strong> Arrow settings control the small pointer or triangle that appears on the tooltip box. I usually keep it enabled, but you can turn it off if you prefer not to show it.<\/p>\n\n\n\n

        \n
        \n
        \"Advanced<\/figure>\n<\/div>\n<\/div>\n\n\n\n

        Trigger:<\/strong> The trigger settings offer two options: Click and Hover. If you choose Click, the extra info will appear only when a user clicks on the target element.<\/p>\n\n\n\n

        On the other hand, if you select Hover, the extra info will be displayed as soon as the user moves their mouse over the element\u2014no click needed.  <\/p>\n\n\n\n

        \n
        \n
        \"Advanced<\/figure>\n<\/div>\n<\/div>\n\n\n\n

        Distance<\/strong>: In the Distance settings, you can choose any value to control how far the Extra Info appears from the element. For example, I set it to 20, but you can adjust it to whatever works best for your design.<\/p>\n\n\n\n

        \n
        \n
        \"Advanced<\/figure>\n<\/div>\n<\/div>\n\n\n\n

        Text Alignment:<\/strong> The Text Alignment settings let you choose whether the extra info appears on the left, right, or center. I went with Center, but you can select whichever option fits your style and layout best.<\/p>\n\n\n\n

        \n
        \n
        \"Advanced<\/figure>\n<\/div>\n<\/div>\n\n\n\n

        Step 3: Style & Appearance Customization<\/strong><\/h2>\n\n\n\n

        Adjust the look of your tooltip to match your design. From width and font to colors, padding, and shadows, these settings let you style every part of the tooltip just the way you want.<\/p>\n\n\n\n

        Styles<\/strong><\/h3>\n\n\n\n

        Width:<\/strong> This width setting controls how wide the tooltip box will be when users hover over a specific element. You can set the width to any value you prefer. I\u2019ve set it to 120, but you\u2019re free to choose what works best for your design.<\/p>\n\n\n\n

        \n
        \n
        \"Advanced<\/figure>\n<\/div>\n<\/div>\n\n\n\n

        Tooltip Arrow Size (px):<\/strong> This setting controls the size of the small arrow that appears on the tooltip, usually pointing to the element it’s linked to. I set it to 5, but you can set the value as per your choice.<\/p>\n\n\n\n

        \n
        \n
        \"Advanced<\/figure>\n<\/div>\n<\/div>\n\n\n\n

        Typography:<\/strong> The Typography settings let you adjust the look of your text. I picked the ‘Nunito’ font, set the size to 14, and chose a weight of 500 (medium). I kept the other settings as they were. You can explore all the options and set them however you like.<\/p>\n\n\n\n

        \n
        \n
        \"Advanced<\/figure>\n<\/div>\n<\/div>\n\n\n\n

        Background Color<\/strong>: The Background Color setting lets you easily change the tooltip\u2019s background. I chose black, so the info text will appear with a black background when users hover over the specific element.<\/p>\n\n\n\n

        \n
        \n
        \"Advanced<\/figure>\n<\/div>\n<\/div>\n\n\n\n

        Text Color:<\/strong> The Text Color setting lets you change the color of the text inside the tooltip. I chose white, but you can pick any color that fits your design. <\/p>\n\n\n\n

        Border Radius:<\/strong> The Border Radius setting lets you control how rounded the corners of the tooltip box are. I kept it the default, but you can set different values for the top, right, bottom, and left corners based on your preference. <\/p>\n\n\n\n

        \n
        \n
        \"Advanced<\/figure>\n<\/div>\n<\/div>\n\n\n\n

        Padding: <\/strong>The Padding setting controls the space between the text and the edges inside the tooltip box. In these settings, I didn’t change anything, but you can customize it based on your choice.<\/p>\n\n\n\n

        \n
        \n
        \"Advanced<\/figure>\n<\/div>\n<\/div>\n\n\n\n

        Box Shadow: <\/strong>In the Box Shadow settings, you’ll see options like Color, Horizontal, Vertical, Blur, Spread, and Position. I set each of them to 10, but you can adjust the values to suit your needs.<\/p>\n\n\n\n

        \n
        \n
        \"Advanced<\/figure>\n<\/div>\n<\/div>\n\n\n\n

        Final Result\u00a0<\/strong><\/h2>\n\n\n\n
        \n
        \n
        \"Advanced<\/figure>\n<\/div>\n<\/div>\n\n\n\n

        You Did It<\/strong><\/h2>\n\n\n\n

        Awesome, you have successfully added and customized your advanced tooltip. Your tooltips now display extra info smoothly and look great on your site. With your styling and settings, you have made the site more engaging and user-friendly.<\/p>\n\n\n\n

        Lastly, if you have any questions or need a hand, feel free to reach out to our support team\u2014we\u2019re always here to help.<\/p>\n","protected":false},"excerpt":{"rendered":"

        Want to share extra info without cluttering your page? The Advanced Tooltip feature is your secret weapon! With just a few clicks, you can add sleek little popups that appear when someone hovers or clicks on an element. Curious how it works? Keep reading to discover all the details! Requirement  Tip: Make sure Animation Addons […]<\/p>\n","protected":false},"author":1,"featured_media":17280,"parent":631,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-16839","docs","type-docs","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"\nAdvanced Tooltip Extensions Documentation - Animation Addons<\/title>\n<meta name=\"description\" content=\"Show information with style using the Advanced Tooltip. Add hover or click tooltips in Elementor and adjust every visual detail.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/animation-addons.com\/docs\/general-extensions\/advanced-tooltip-extensions\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Advanced Tooltip Extensions Documentation - Animation Addons\" \/>\n<meta property=\"og:description\" content=\"Show information with style using the Advanced Tooltip. Add hover or click tooltips in Elementor and adjust every visual detail.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/animation-addons.com\/docs\/general-extensions\/advanced-tooltip-extensions\/\" \/>\n<meta property=\"og:site_name\" content=\"Animation Addons\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/animationaddons\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-31T08:43:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Tooltip-Extensions-Docs-Featured-Image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"49\" \/>\n\t<meta property=\"og:image:height\" content=\"49\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@animationaddons\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-extensions\\\/advanced-tooltip-extensions\\\/\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-extensions\\\/advanced-tooltip-extensions\\\/\",\"name\":\"Advanced Tooltip Extensions Documentation - Animation Addons\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-extensions\\\/advanced-tooltip-extensions\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-extensions\\\/advanced-tooltip-extensions\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/Advanced-Tooltip-Extensions-Docs-Featured-Image.png\",\"datePublished\":\"2025-05-24T11:23:55+00:00\",\"dateModified\":\"2025-08-31T08:43:15+00:00\",\"description\":\"Show information with style using the Advanced Tooltip. Add hover or click tooltips in Elementor and adjust every visual detail.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-extensions\\\/advanced-tooltip-extensions\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-extensions\\\/advanced-tooltip-extensions\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-extensions\\\/advanced-tooltip-extensions\\\/#primaryimage\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/Advanced-Tooltip-Extensions-Docs-Featured-Image.png\",\"contentUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/Advanced-Tooltip-Extensions-Docs-Featured-Image.png\",\"width\":49,\"height\":49,\"caption\":\"Advanced Tooltip Extensions Docs Featured Image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-extensions\\\/advanced-tooltip-extensions\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"General Extensions\",\"item\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-extensions\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Advanced Tooltip Extensions Documentation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#website\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\",\"name\":\"Animation Addons\",\"description\":\"Best Animation Plugin for WordPress\",\"publisher\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#organization\"},\"alternateName\":\"Animation Addons for Elementor\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#organization\",\"name\":\"Animation Addons\",\"alternateName\":\"Animation Addons for Elementor\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/logo.svg\",\"contentUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/logo.svg\",\"width\":48,\"height\":48,\"caption\":\"Animation Addons\"},\"image\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/animationaddons\",\"https:\\\/\\\/x.com\\\/animationaddons\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/animation-addons\\\/\",\"https:\\\/\\\/www.pinterest.com\\\/animationaddons\\\/\",\"https:\\\/\\\/www.instagram.com\\\/aimationaddons\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@animationaddons\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Advanced Tooltip Extensions Documentation - Animation Addons","description":"Show information with style using the Advanced Tooltip. Add hover or click tooltips in Elementor and adjust every visual detail.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/animation-addons.com\/docs\/general-extensions\/advanced-tooltip-extensions\/","og_locale":"en_US","og_type":"article","og_title":"Advanced Tooltip Extensions Documentation - Animation Addons","og_description":"Show information with style using the Advanced Tooltip. Add hover or click tooltips in Elementor and adjust every visual detail.","og_url":"https:\/\/animation-addons.com\/docs\/general-extensions\/advanced-tooltip-extensions\/","og_site_name":"Animation Addons","article_publisher":"https:\/\/www.facebook.com\/animationaddons","article_modified_time":"2025-08-31T08:43:15+00:00","og_image":[{"width":49,"height":49,"url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Tooltip-Extensions-Docs-Featured-Image.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@animationaddons","twitter_misc":{"Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/animation-addons.com\/docs\/general-extensions\/advanced-tooltip-extensions\/","url":"https:\/\/animation-addons.com\/docs\/general-extensions\/advanced-tooltip-extensions\/","name":"Advanced Tooltip Extensions Documentation - Animation Addons","isPartOf":{"@id":"https:\/\/animation-addons.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/animation-addons.com\/docs\/general-extensions\/advanced-tooltip-extensions\/#primaryimage"},"image":{"@id":"https:\/\/animation-addons.com\/docs\/general-extensions\/advanced-tooltip-extensions\/#primaryimage"},"thumbnailUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Tooltip-Extensions-Docs-Featured-Image.png","datePublished":"2025-05-24T11:23:55+00:00","dateModified":"2025-08-31T08:43:15+00:00","description":"Show information with style using the Advanced Tooltip. Add hover or click tooltips in Elementor and adjust every visual detail.","breadcrumb":{"@id":"https:\/\/animation-addons.com\/docs\/general-extensions\/advanced-tooltip-extensions\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/animation-addons.com\/docs\/general-extensions\/advanced-tooltip-extensions\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animation-addons.com\/docs\/general-extensions\/advanced-tooltip-extensions\/#primaryimage","url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Tooltip-Extensions-Docs-Featured-Image.png","contentUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Tooltip-Extensions-Docs-Featured-Image.png","width":49,"height":49,"caption":"Advanced Tooltip Extensions Docs Featured Image"},{"@type":"BreadcrumbList","@id":"https:\/\/animation-addons.com\/docs\/general-extensions\/advanced-tooltip-extensions\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/animation-addons.com\/docs\/"},{"@type":"ListItem","position":2,"name":"General Extensions","item":"https:\/\/animation-addons.com\/docs\/general-extensions\/"},{"@type":"ListItem","position":3,"name":"Advanced Tooltip Extensions Documentation"}]},{"@type":"WebSite","@id":"https:\/\/animation-addons.com\/docs\/#website","url":"https:\/\/animation-addons.com\/docs\/","name":"Animation Addons","description":"Best Animation Plugin for WordPress","publisher":{"@id":"https:\/\/animation-addons.com\/docs\/#organization"},"alternateName":"Animation Addons for Elementor","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/animation-addons.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/animation-addons.com\/docs\/#organization","name":"Animation Addons","alternateName":"Animation Addons for Elementor","url":"https:\/\/animation-addons.com\/docs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animation-addons.com\/docs\/#\/schema\/logo\/image\/","url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/logo.svg","contentUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/logo.svg","width":48,"height":48,"caption":"Animation Addons"},"image":{"@id":"https:\/\/animation-addons.com\/docs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/animationaddons","https:\/\/x.com\/animationaddons","https:\/\/www.linkedin.com\/company\/animation-addons\/","https:\/\/www.pinterest.com\/animationaddons\/","https:\/\/www.instagram.com\/aimationaddons\/","https:\/\/www.tiktok.com\/@animationaddons"]}]}},"author_avatar":"https:\/\/secure.gravatar.com\/avatar\/d0824328e817de9f5f8d005a4b8d1fcea87dd03cee2b85f00c4d3cb2da172cfe?s=96&d=mm&r=g","author_name":"docs_admin","_links":{"self":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/16839","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/comments?post=16839"}],"version-history":[{"count":6,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/16839\/revisions"}],"predecessor-version":[{"id":18041,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/16839\/revisions\/18041"}],"up":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/631"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/media\/17280"}],"wp:attachment":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/media?parent=16839"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/doc_tag?post=16839"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/doc_badge?post=16839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}