{"id":3437,"date":"2023-05-11T11:44:56","date_gmt":"2023-05-11T03:44:56","guid":{"rendered":"https:\/\/help.fliphtml5.com\/?post_type=docs&#038;p=3437"},"modified":"2023-05-19T14:04:41","modified_gmt":"2023-05-19T06:04:41","password":"","slug":"getting-started-with-the-animation-and-timeline-panel","status":"publish","type":"docs","link":"https:\/\/cms.flippagemaker.com\/nl\/docs\/getting-started-with-the-animation-and-timeline-panel\/","title":{"rendered":"Aan de slag met het animatie- en tijdlijnpaneel"},"content":{"rendered":"<p>Het animatie- en tijdlijnpaneel is een hulpmiddel voor het beheren en manipuleren van de volgorde en timing van de elementen en hun animatie-effecten. U kunt het gebruiken om animatie aan de elementen toe te voegen, de duur van de animatie in te stellen en de lagen te beheren.<\/p>\n\n\n\n<p>Door het animatie- en tijdlijnpaneel te gebruiken, kunt u het tempo van de animatie nauwkeurig bepalen en de elementen gemakkelijk beheren.<\/p>\n\n\n\n<p class=\"has-black-color has-text-color has-background\" style=\"background-color:#f0f2f4\">\u258e<strong>Opmerking:<\/strong> Alleen gebruikers van het Platinum-abonnement en hoger kunnen de timing van de animatie-effecten aanpassen.<\/p>\n\n\n\n<p>Laten we vervolgens het animatie- en tijdlijnpaneel eens nader bekijken. Het bevat vier secties.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Speel Bedieningsbalk<\/h2>\n\n\n\n<p>De afspeelregelbalk wordt gebruikt om het afspelen van animatie-effecten te regelen. U kunt bijschriften aan het flipboek toevoegen, animatie-effecten afspelen en de tijdlijn schalen.<\/p>\n\n\n\n<p>Ga voor meer informatie over de afspeelbedieningsbalk naar: <a href=\"https:\/\/help.fliphtml5.com\/guides\/play-control-bar-of-the-animation-and-timeline-panel\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/help.fliphtml5.com\/guides\/play-control-bar-of-the-animation-and-timeline-panel\/<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2. Tijdlijnwerkbalk<\/h2>\n\n\n\n<p>De tijdlijnwerkbalk wordt gebruikt om de duur van animatie-effecten te beheren. De tijdlijnwerkbalk bevat een filterelementknop en beheerknoppen voor animatieschuifregelaars. U kunt de elementen filteren, tijd invoegen\/verwijderen en de weergavetijd van de elementen uitlijnen.<\/p>\n\n\n\n<p>Ga voor meer informatie over de tijdlijnwerkbalk naar: <a href=\"https:\/\/help.fliphtml5.com\/guides\/timeline-toolbar-of-the-animation-and-timeline-panel\/\">https:\/\/help.fliphtml5.com\/guides\/timeline-toolbar-of-the-animation-and-timeline-panel\/<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3. Elementenpaneel<\/h2>\n\n\n\n<p>Het elementenpaneel wordt gebruikt om de elementen te beheren. U kunt de lagen beheren, zoals de elementen selecteren en verbergen, een map maken om de elementen te beheren, de volgorde van de lagen aanpassen, enz.<\/p>\n\n\n\n<p>Ga voor meer informatie over het elementenpaneel naar: <a href=\"https:\/\/help.fliphtml5.com\/guides\/elements-panel-of-the-animation-and-timeline-panel\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/help.fliphtml5.com\/guides\/elements-panel-of-the-animation-and-timeline-panel\/<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">4. Tijdlijngebied<\/h2>\n\n\n\n<p>Het tijdlijngebied wordt gebruikt om animatie-effecten toe te voegen en de animatieschuifregelaar te beheren. U kunt de weergavevolgorde van de elementen aanpassen, ingangs-\/aandachts-\/uitgangseffecten aan de elementen toevoegen en de duur van de effecten instellen.<\/p>\n\n\n\n<p>Ga voor meer informatie over het tijdlijngebied naar: <a href=\"https:\/\/help.fliphtml5.com\/guides\/timeline-area-of-the-animation-and-timeline-panel\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/help.fliphtml5.com\/guides\/timeline-area-of-the-animation-and-timeline-panel\/<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1100\" height=\"315\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/timeline-1.png\" alt=\"animatie en tijdlijnpaneel\" class=\"wp-image-3446\" srcset=\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2023\/05\/timeline-1.png 1100w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2023\/05\/timeline-1-300x86.png 300w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2023\/05\/timeline-1-1024x293.png 1024w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2023\/05\/timeline-1-768x220.png 768w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2023\/05\/timeline-1-360x103.png 360w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2023\/05\/timeline-1-18x5.png 18w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Artikelgerelateerde termen:<\/strong><br>tijdlijn, animatie, elementen, beheer, looping, afspelen, afspeelkop, tijdlijnliniaal, lagen, effecten, bewerken, volgorde, beweging, animatietijd, animatieduur<\/p>","protected":false},"excerpt":{"rendered":"<p>The animation and timeline panel is a tool for managing and manipulating the sequence and timing of the elements and their animation effects. You can use it to add animation to the elements, set the duration of the animation, and manage the layers. Using the animation and timeline panel can help control the pace of [&hellip;]<\/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-3437","docs","type-docs","status-publish","hentry","doc_category-animation-and-timeline"],"year_month":"2026-04","word_count":323,"total_views":"13350","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/nl\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Animation and Timeline","term_url":"https:\/\/cms.flippagemaker.com\/nl\/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>Getting Started with the Animation and Timeline Panel - 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=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Getting Started with the Animation and Timeline Panel - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"og:description\" content=\"The animation and timeline panel is a tool for managing and manipulating the sequence and timing of the elements and their animation effects. You can use it to add animation to the elements, set the duration of the animation, and manage the layers. Using the animation and timeline panel can help control the pace of [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cms.flippagemaker.com\/nl\/docs\/getting-started-with-the-animation-and-timeline-panel\/\" \/>\n<meta property=\"og:site_name\" content=\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-19T06:04:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/timeline-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/\",\"name\":\"Getting Started with the Animation and Timeline Panel - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"isPartOf\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/timeline-1.png\",\"datePublished\":\"2023-05-11T03:44:56+00:00\",\"dateModified\":\"2023-05-19T06:04:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/#primaryimage\",\"url\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/timeline-1.png\",\"contentUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/timeline-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cms.flippagemaker.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Getting Started with the Animation and Timeline Panel\"}]},{\"@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\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@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":"Getting Started with the Animation and Timeline Panel - 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":"nl_NL","og_type":"article","og_title":"Getting Started with the Animation and Timeline Panel - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","og_description":"The animation and timeline panel is a tool for managing and manipulating the sequence and timing of the elements and their animation effects. You can use it to add animation to the elements, set the duration of the animation, and manage the layers. Using the animation and timeline panel can help control the pace of [&hellip;]","og_url":"https:\/\/cms.flippagemaker.com\/nl\/docs\/getting-started-with-the-animation-and-timeline-panel\/","og_site_name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","article_modified_time":"2023-05-19T06:04:41+00:00","og_image":[{"url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/timeline-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"2 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/","url":"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/","name":"Getting Started with the Animation and Timeline Panel - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","isPartOf":{"@id":"https:\/\/cms.flippagemaker.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/#primaryimage"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/#primaryimage"},"thumbnailUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/timeline-1.png","datePublished":"2023-05-11T03:44:56+00:00","dateModified":"2023-05-19T06:04:41+00:00","breadcrumb":{"@id":"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/#primaryimage","url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/timeline-1.png","contentUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/timeline-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cms.flippagemaker.com\/"},{"@type":"ListItem","position":2,"name":"Getting Started with the Animation and Timeline Panel"}]},{"@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":"nl-NL"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@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\/nl\/wp-json\/wp\/v2\/docs\/3437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/nl\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/nl\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/nl\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/nl\/wp-json\/wp\/v2\/comments?post=3437"}],"version-history":[{"count":6,"href":"https:\/\/cms.flippagemaker.com\/nl\/wp-json\/wp\/v2\/docs\/3437\/revisions"}],"predecessor-version":[{"id":4672,"href":"https:\/\/cms.flippagemaker.com\/nl\/wp-json\/wp\/v2\/docs\/3437\/revisions\/4672"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/nl\/wp-json\/wp\/v2\/media?parent=3437"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/nl\/wp-json\/wp\/v2\/doc_category?post=3437"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/nl\/wp-json\/wp\/v2\/doc_tag?post=3437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}