{"id":79,"date":"2025-05-22T07:33:54","date_gmt":"2025-05-22T07:33:54","guid":{"rendered":"https:\/\/doc.topperpack.com\/docs\/extensions-guide\/split-text\/"},"modified":"2025-07-02T06:30:42","modified_gmt":"2025-07-02T06:30:42","slug":"split-text","status":"publish","type":"docs","link":"https:\/\/doc.topperpack.com\/docs\/extensions-guide\/split-text\/","title":{"rendered":"Split Text"},"content":{"rendered":"\n

\ud83c\udfaf Split Text Extension<\/h3>\n\n\n\n

The Split Text<\/strong> extension in Topper Pack allows you to animate your headings or any text block with impressive entrance effects. You can split the text into characters, words, or lines and apply custom animation styles to make your typography visually engaging.<\/p>\n\n\n\n

\ud83d\udd27 How to Enable:<\/h4>\n\n\n\n

Go to
Topper Pack \u2192 Extensions \u2192 Split Text<\/strong>
Toggle the switch to Enable<\/strong>.<\/p>\n\n\n\n

\"Split<\/figure>\n\n\n\n

\u2699\ufe0f Settings Overview:<\/h4>\n\n\n\n

Once enabled, you\u2019ll find the Split Text<\/strong> settings under the Style Tab<\/strong> of supported widgets like Advance Heading<\/em>.<\/p>\n\n\n\n

    \n
  • Enable Split Text Animation:<\/strong> Turn on to activate animation.<\/li>\n\n\n\n
  • Split Type:<\/strong> Choose how the text should be split:\n
      \n
    • Characters<\/li>\n\n\n\n
    • Words<\/li>\n\n\n\n
    • Lines<\/li>\n<\/ul>\n<\/li>\n\n\n\n
    • Animation Type:<\/strong> Select animation style:\n
        \n
      • Fade In<\/li>\n\n\n\n
      • Character Fade In<\/li>\n\n\n\n
      • Slide (Up, Down, Left, Right)<\/li>\n\n\n\n
      • Zoom In, Rotate In, Flip In<\/li>\n\n\n\n
      • Bounce, Swing, Wave, Random In<\/li>\n<\/ul>\n<\/li>\n\n\n\n
      • Animation Duration (ms):<\/strong> Control how long the animation runs.<\/li>\n\n\n\n
      • Animation Delay (ms):<\/strong> Set a delay before the animation starts.<\/li>\n<\/ul>\n\n\n\n
        \"Split<\/figure>\n\n\n\n

        \u2705 Use Cases:<\/h4>\n\n\n\n
          \n
        • Title<\/li>\n\n\n\n
        • Editor<\/li>\n\n\n\n
        • Textarea<\/li>\n\n\n\n
        • Hero headings<\/li>\n\n\n\n
        • Section titles<\/li>\n\n\n\n
        • Animated call-to-actions<\/li>\n\n\n\n
        • Engaging typography for banners<\/li>\n<\/ul>\n\n\n\n

          <\/p>\n","protected":false},"excerpt":{"rendered":"

          \ud83c\udfaf Split Text Extension The Split Text extension in Topper Pack allows you to animate your headings or any text block with impressive entrance effects. You can split the text into characters, words, or lines and apply custom animation styles to make your typography visually engaging. \ud83d\udd27 How to Enable: Go toTopper Pack \u2192 Extensions […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":47,"menu_order":8,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[106,108,109,110,107],"class_list":["post-79","docs","type-docs","status-publish","hentry","doc_tag-animation","doc_tag-elementor","doc_tag-heading-effects","doc_tag-text-animation","doc_tag-typography"],"author_avatar":"https:\/\/doc.topperpack.com\/wp-content\/litespeed\/avatar\/7b6b48be1e52939d6a914fe9b20bbc7a.jpg?ver=1776846517","author_name":"tpl","_links":{"self":[{"href":"https:\/\/doc.topperpack.com\/wp-json\/wp\/v2\/docs\/79","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doc.topperpack.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/doc.topperpack.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/doc.topperpack.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doc.topperpack.com\/wp-json\/wp\/v2\/comments?post=79"}],"version-history":[{"count":1,"href":"https:\/\/doc.topperpack.com\/wp-json\/wp\/v2\/docs\/79\/revisions"}],"predecessor-version":[{"id":1192,"href":"https:\/\/doc.topperpack.com\/wp-json\/wp\/v2\/docs\/79\/revisions\/1192"}],"up":[{"embeddable":true,"href":"https:\/\/doc.topperpack.com\/wp-json\/wp\/v2\/docs\/47"}],"wp:attachment":[{"href":"https:\/\/doc.topperpack.com\/wp-json\/wp\/v2\/media?parent=79"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/doc.topperpack.com\/wp-json\/wp\/v2\/doc_tag?post=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}