{"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\/sv\/docs\/getting-started-with-the-animation-and-timeline-panel\/","title":{"rendered":"Komma ig\u00e5ng med panelen Animation och Timeline"},"content":{"rendered":"<p>Animerings- och tidslinjepanelen \u00e4r ett verktyg f\u00f6r att hantera och manipulera sekvensen och timingen f\u00f6r elementen och deras animeringseffekter. Du kan anv\u00e4nda den f\u00f6r att l\u00e4gga till animering till elementen, st\u00e4lla in varaktigheten f\u00f6r animeringen och hantera lagren.<\/p>\n\n\n\n<p>Att anv\u00e4nda animations- och tidslinjepanelen kan hj\u00e4lpa till att kontrollera animeringstakten exakt och hantera elementen enkelt.<\/p>\n\n\n\n<p class=\"has-black-color has-text-color has-background\" style=\"background-color:#f0f2f4\">\u258e<strong>Notera:<\/strong> Endast anv\u00e4ndare av Platinum-planen och h\u00f6gre kan justera tidpunkten f\u00f6r animeringseffekterna.<\/p>\n\n\n\n<p>L\u00e5t oss sedan ta en n\u00e4rmare titt p\u00e5 animations- och tidslinjepanelen. Den inneh\u00e5ller fyra sektioner.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Spela kontrollf\u00e4ltet<\/h2>\n\n\n\n<p>Spelkontrollf\u00e4ltet anv\u00e4nds f\u00f6r att styra uppspelningen av animerade effekter. Du kan l\u00e4gga till bildtexter till bl\u00e4dderboken, spela upp animationseffekter och skala tidslinjen.<\/p>\n\n\n\n<p>F\u00f6r mer information om spelkontrollf\u00e4ltet, se: <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. Tidslinjeverktygsf\u00e4lt<\/h2>\n\n\n\n<p>Tidslinjens verktygsf\u00e4lt anv\u00e4nds f\u00f6r att hantera varaktigheten av animationseffekter. Tidslinjens verktygsf\u00e4lt inneh\u00e5ller en filterelementknapp och animeringsknappar f\u00f6r skjutreglage. Du kan filtrera elementen, infoga\/ta bort tid och anpassa visningstiden f\u00f6r elementen.<\/p>\n\n\n\n<p>F\u00f6r mer information om tidslinjens verktygsf\u00e4lt, se: <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. Elementpanel<\/h2>\n\n\n\n<p>Elementpanelen anv\u00e4nds f\u00f6r att hantera elementen. Du kan hantera lagren, som att v\u00e4lja och d\u00f6lja elementen, skapa en mapp f\u00f6r att hantera elementen, justera ordningen p\u00e5 lagren, etc.<\/p>\n\n\n\n<p>F\u00f6r mer information om elementpanelen, se: <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. Tidslinjeomr\u00e5de<\/h2>\n\n\n\n<p>Tidslinjeomr\u00e5det anv\u00e4nds f\u00f6r att l\u00e4gga till animeringseffekter och hantera skjutreglaget f\u00f6r animering. Du kan justera elementens visningsordning, l\u00e4gga till ing\u00e5ngs-\/uppm\u00e4rksamhets-\/utg\u00e5ngseffekter till elementen och st\u00e4lla in effekternas varaktighet.<\/p>\n\n\n\n<p>F\u00f6r mer information om tidslinjeomr\u00e5det, se: <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=\"animations- och tidslinjepanel\" 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>Artikelrelaterade termer:<\/strong><br>tidslinje, animation, element, hantering, looping, uppspelning, spelhuvud, tidslinjelinjal, lager, effekter, redigering, ordning, r\u00f6relse, animeringstid, animationsl\u00e4ngd<\/p>","protected":false},"excerpt":{"rendered":"<p>Animerings- och tidslinjepanelen \u00e4r ett verktyg f\u00f6r att hantera och manipulera sekvensen och timingen av elementen och deras animeringseffekter. Du kan anv\u00e4nda den f\u00f6r att l\u00e4gga till animering till elementen, st\u00e4lla in varaktigheten f\u00f6r animeringen och hantera lagren. Att anv\u00e4nda animations- och tidslinjepanelen kan hj\u00e4lpa till att kontrollera takten i [\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-3437","docs","type-docs","status-publish","hentry","doc_category-animation-and-timeline"],"year_month":"2026-04","word_count":323,"total_views":"13429","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/sv\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Animation and Timeline","term_url":"https:\/\/cms.flippagemaker.com\/sv\/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=\"sv_SE\" \/>\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\/sv\/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=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuter\" \/>\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\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@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\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@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":"sv_SE","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\/sv\/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":{"Ber\u00e4knad l\u00e4stid":"2 minuter"},"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":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@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":"sv-SE"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@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\/sv\/wp-json\/wp\/v2\/docs\/3437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/comments?post=3437"}],"version-history":[{"count":6,"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/docs\/3437\/revisions"}],"predecessor-version":[{"id":4672,"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/docs\/3437\/revisions\/4672"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/media?parent=3437"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/doc_category?post=3437"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/doc_tag?post=3437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}