{"id":3565,"date":"2023-05-11T16:44:54","date_gmt":"2023-05-11T08:44:54","guid":{"rendered":"https:\/\/help.fliphtml5.com\/?post_type=docs&#038;p=3565"},"modified":"2024-11-22T11:32:09","modified_gmt":"2024-11-22T03:32:09","password":"","slug":"add-exit-effects","status":"publish","type":"docs","link":"https:\/\/cms.flippagemaker.com\/id\/docs\/add-exit-effects\/","title":{"rendered":"Tambahkan Efek Keluar"},"content":{"rendered":"<p>Efek keluar adalah efek animasi saat elemen meninggalkan halaman di flipbook.<\/p>\n\n\n\n<p>Menambahkan efek keluar ke elemen membuat transisi antara elemen keluar berikutnya menjadi lebih alami.<\/p>\n\n\n\n<p class=\"has-black-color has-text-color has-background\" style=\"background-color:#f0f2f4\">\u258e<strong>Catatan:<\/strong> Hanya pengguna paket Platinum ke atas yang dapat menambahkan efek animasi.<\/p>\n\n\n\n<p>Selanjutnya, mari kita lihat cara menambahkan efek exit ke elemen. Ada 4 jenis efek exit: Basic, Path, Mask, dan Erase.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"707\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/add-exist-effects-1.gif\" alt=\"\" class=\"wp-image-7514\"\/><\/figure>\n\n\n\n<p>Di sini kita ambil \u201ctambahkan efek Masker yang ada\u201d sebagai contoh.<\/p>\n\n\n\n<p>Klik slider keluar -&gt; klik <strong>[Masker]<\/strong> -&gt; pilih efek keluar.<\/p>\n\n\n\n<p>Anda dapat menambahkan efek Fade Out, mengatur efek animasi, mengatur waktu animasi, dan mengembalikan efek default seperti efek masuk. Untuk informasi lebih lanjut tentang pengaturan ini, silakan lihat: <a href=\"https:\/\/help.fliphtml5.com\/guides\/add-entrance-effects\/ \">https:\/\/help.fliphtml5.com\/guides\/add-entrance-effects\/ <\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"729\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/add-exit-effects-2-1024x729.png\" alt=\"\" class=\"wp-image-7515\" srcset=\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2023\/05\/add-exit-effects-2-1024x729.png 1024w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2023\/05\/add-exit-effects-2-300x214.png 300w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2023\/05\/add-exit-effects-2-768x547.png 768w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2023\/05\/add-exit-effects-2-18x12.png 18w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2023\/05\/add-exit-effects-2-360x256.png 360w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2023\/05\/add-exit-effects-2.png 1115w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Efek dari efek yang ada adalah sebagai berikut:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"712\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/add-exist-effects-3.gif\" alt=\"tambahkan-ada-efek-3\" class=\"wp-image-7516\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Istilah terkait artikel:<\/strong><br>efek keluar, animasi, transisi, efek visual, efek pada penutupan halaman, efek elemen, pengalaman pengguna, desain halaman, desain e-Book, kustomisasi desain, desain kreatif, desain menarik, desain tingkat lanjut<\/p>","protected":false},"excerpt":{"rendered":"<p>Efek keluar adalah efek animasi saat elemen meninggalkan halaman di flipbook. Menambahkan efek keluar ke suatu elemen membuat transisi antara elemen keluar berikutnya lebih alami. \u258eCatatan: Hanya pengguna paket Platinum dan di atasnya yang dapat menambahkan efek animasi. Selanjutnya, mari kita lihat cara menambahkan efek keluar ke elemen. Ada [\u2026]<\/p>","protected":false},"author":11,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[83],"doc_tag":[],"class_list":["post-3565","docs","type-docs","status-publish","hentry","doc_category-animation-and-timeline"],"year_month":"2026-04","word_count":157,"total_views":"11940","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/id\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Animation and Timeline","term_url":"https:\/\/cms.flippagemaker.com\/id\/docs-category\/animation-and-timeline\/"}],"doc_tag_info":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Add Exit Effects - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add Exit Effects - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"og:description\" content=\"Exit effects are animation effects when the elements leave the page in the flipbook. Adding exit effects to an element makes the transition between the next outgoing element more natural. \u258eNote: Only users of the Platinum plan and above can add animation effects. Next, let&#8217;s see how to add exit effects to the elements. There [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cms.flippagemaker.com\/id\/docs\/add-exit-effects\/\" \/>\n<meta property=\"og:site_name\" content=\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-22T03:32:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/add-exist-effects-1.gif\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-exit-effects\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-exit-effects\/\",\"name\":\"Add Exit Effects - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"isPartOf\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-exit-effects\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-exit-effects\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/add-exist-effects-1.gif\",\"datePublished\":\"2023-05-11T08:44:54+00:00\",\"dateModified\":\"2024-11-22T03:32:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-exit-effects\/#breadcrumb\"},\"inLanguage\":\"id-ID\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-exit-effects\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id-ID\",\"@id\":\"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-exit-effects\/#primaryimage\",\"url\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/add-exist-effects-1.gif\",\"contentUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/add-exist-effects-1.gif\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-exit-effects\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cms.flippagemaker.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add Exit Effects\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cms.flippagemaker.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id-ID\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id-ID\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"contentUrl\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"width\":154,\"height\":20,\"caption\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Add Exit Effects - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"id_ID","og_type":"article","og_title":"Add Exit Effects - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","og_description":"Exit effects are animation effects when the elements leave the page in the flipbook. Adding exit effects to an element makes the transition between the next outgoing element more natural. \u258eNote: Only users of the Platinum plan and above can add animation effects. Next, let&#8217;s see how to add exit effects to the elements. There [&hellip;]","og_url":"https:\/\/cms.flippagemaker.com\/id\/docs\/add-exit-effects\/","og_site_name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","article_modified_time":"2024-11-22T03:32:09+00:00","og_image":[{"url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/add-exist-effects-1.gif","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-exit-effects\/","url":"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-exit-effects\/","name":"Add Exit Effects - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","isPartOf":{"@id":"https:\/\/cms.flippagemaker.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-exit-effects\/#primaryimage"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-exit-effects\/#primaryimage"},"thumbnailUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/add-exist-effects-1.gif","datePublished":"2023-05-11T08:44:54+00:00","dateModified":"2024-11-22T03:32:09+00:00","breadcrumb":{"@id":"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-exit-effects\/#breadcrumb"},"inLanguage":"id-ID","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/hu\/docs\/add-exit-effects\/"]}]},{"@type":"ImageObject","inLanguage":"id-ID","@id":"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-exit-effects\/#primaryimage","url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/add-exist-effects-1.gif","contentUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/add-exist-effects-1.gif"},{"@type":"BreadcrumbList","@id":"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-exit-effects\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cms.flippagemaker.com\/"},{"@type":"ListItem","position":2,"name":"Add Exit Effects"}]},{"@type":"WebSite","@id":"https:\/\/cms.flippagemaker.com\/#website","url":"https:\/\/cms.flippagemaker.com\/","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","description":"","publisher":{"@id":"https:\/\/cms.flippagemaker.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cms.flippagemaker.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id-ID"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"id-ID","@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/","url":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","contentUrl":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","width":154,"height":20,"caption":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/"}}]}},"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/docs\/3565","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/comments?post=3565"}],"version-history":[{"count":3,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/docs\/3565\/revisions"}],"predecessor-version":[{"id":7517,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/docs\/3565\/revisions\/7517"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/media?parent=3565"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/doc_category?post=3565"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/doc_tag?post=3565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}