{"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\/ms\/docs\/add-exit-effects\/","title":{"rendered":"Tambah Kesan Keluar"},"content":{"rendered":"<p>Kesan keluar ialah kesan animasi apabila elemen meninggalkan halaman dalam buku selak.<\/p>\n\n\n\n<p>Menambah kesan keluar pada elemen menjadikan peralihan antara elemen keluar seterusnya lebih semula jadi.<\/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 pelan Platinum dan ke atas boleh menambah kesan animasi.<\/p>\n\n\n\n<p>Seterusnya, mari lihat cara menambah kesan keluar pada elemen. Terdapat 4 jenis kesan keluar: Asas, Laluan, Topeng dan Padam.<\/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 mengambil &quot;tambah kesan wujud Topeng&quot; sebagai contoh.<\/p>\n\n\n\n<p>Klik peluncur keluar -&gt; klik <strong>[Topeng]<\/strong> -&gt; pilih kesan keluar.<\/p>\n\n\n\n<p>Anda boleh menambah kesan Fade Out, menetapkan kesan animasi, menetapkan masa animasi dan memulihkan kesan lalai seperti kesan masuk. Untuk mendapatkan maklumat lanjut tentang tetapan ini, sila 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>Kesan kesan sedia ada adalah seperti 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=\"tambah-wujud-kesan-3\" class=\"wp-image-7516\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Istilah berkaitan artikel:<\/strong><br>kesan keluar, animasi, peralihan, kesan visual, kesan pada penutup halaman, kesan elemen, pengalaman pengguna, reka bentuk halaman, reka bentuk e-Book, penyesuaian reka bentuk, reka bentuk kreatif, reka bentuk yang menarik, reka bentuk lanjutan<\/p>","protected":false},"excerpt":{"rendered":"<p>Kesan keluar ialah kesan animasi apabila elemen meninggalkan halaman dalam buku selak. Menambah kesan keluar pada elemen menjadikan peralihan antara elemen keluar seterusnya lebih semula jadi. \u258eNota: Hanya pengguna pelan Platinum dan ke atas boleh menambah kesan animasi. Seterusnya, mari lihat cara menambah kesan keluar pada elemen. Di sana [\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":"11982","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/ms\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Animation and Timeline","term_url":"https:\/\/cms.flippagemaker.com\/ms\/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=\"ms_MY\" \/>\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\/ms\/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\":\"ms-MY\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-exit-effects\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ms-MY\",\"@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\":\"ms-MY\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ms-MY\",\"@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":"ms_MY","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\/ms\/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":"ms-MY","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/hu\/docs\/add-exit-effects\/"]}]},{"@type":"ImageObject","inLanguage":"ms-MY","@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":"ms-MY"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"ms-MY","@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\/ms\/wp-json\/wp\/v2\/docs\/3565","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/comments?post=3565"}],"version-history":[{"count":3,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs\/3565\/revisions"}],"predecessor-version":[{"id":7517,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs\/3565\/revisions\/7517"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/media?parent=3565"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/doc_category?post=3565"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/doc_tag?post=3565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}