{"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\/pl\/docs\/getting-started-with-the-animation-and-timeline-panel\/","title":{"rendered":"Pierwsze kroki z panelem animacji i osi czasu"},"content":{"rendered":"<p>Panel animacji i osi czasu to narz\u0119dzie do zarz\u0105dzania i manipulowania kolejno\u015bci\u0105 i synchronizacj\u0105 element\u00f3w oraz ich efektami animacji. Mo\u017cesz go u\u017cy\u0107 do dodania animacji do element\u00f3w, ustawienia czasu trwania animacji i zarz\u0105dzania warstwami.<\/p>\n\n\n\n<p>Korzystanie z panelu animacji i osi czasu mo\u017ce pom\u00f3c dok\u0142adnie kontrolowa\u0107 tempo animacji i \u0142atwo zarz\u0105dza\u0107 elementami.<\/p>\n\n\n\n<p class=\"has-black-color has-text-color has-background\" style=\"background-color:#f0f2f4\">\u258e<strong>Notatka:<\/strong> Tylko u\u017cytkownicy planu Platinum i wy\u017cszych mog\u0105 dostosowa\u0107 czas efekt\u00f3w animacji.<\/p>\n\n\n\n<p>Nast\u0119pnie przyjrzyjmy si\u0119 bli\u017cej panelowi animacji i osi czasu. Obejmuje cztery sekcje.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Pasek sterowania odtwarzaniem<\/h2>\n\n\n\n<p>Pasek sterowania odtwarzaniem s\u0142u\u017cy do sterowania odtwarzaniem efekt\u00f3w animacji. Mo\u017cesz dodawa\u0107 podpisy do flipbooka, odtwarza\u0107 efekty animacji i skalowa\u0107 o\u015b czasu.<\/p>\n\n\n\n<p>Aby uzyska\u0107 wi\u0119cej informacji na temat paska sterowania odtwarzaniem, zobacz: <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. Pasek narz\u0119dzi osi czasu<\/h2>\n\n\n\n<p>Pasek narz\u0119dzi osi czasu s\u0142u\u017cy do zarz\u0105dzania czasem trwania efekt\u00f3w animacji. Pasek narz\u0119dzi osi czasu zawiera przycisk elementu filtruj\u0105cego i przyciski zarz\u0105dzania suwakiem animacji. Mo\u017cesz filtrowa\u0107 elementy, wstawia\u0107\/usuwa\u0107 czas i dostosowywa\u0107 czas wy\u015bwietlania element\u00f3w.<\/p>\n\n\n\n<p>Aby uzyska\u0107 wi\u0119cej informacji na temat paska narz\u0119dzi osi czasu, zobacz: <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. Panel element\u00f3w<\/h2>\n\n\n\n<p>Panel element\u00f3w s\u0142u\u017cy do zarz\u0105dzania elementami. Mo\u017cesz zarz\u0105dza\u0107 warstwami, na przyk\u0142ad wybieraj\u0105c i ukrywaj\u0105c elementy, tworz\u0105c folder do zarz\u0105dzania elementami, dopasowuj\u0105c kolejno\u015b\u0107 warstw itp.<\/p>\n\n\n\n<p>Aby uzyska\u0107 wi\u0119cej informacji na temat panelu element\u00f3w, zobacz: <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. Obszar osi czasu<\/h2>\n\n\n\n<p>Obszar osi czasu s\u0142u\u017cy do dodawania efekt\u00f3w animacji i zarz\u0105dzania suwakiem animacji. Mo\u017cesz dostosowa\u0107 kolejno\u015b\u0107 wy\u015bwietlania element\u00f3w, doda\u0107 efekty wej\u015bcia\/uwagi\/wyj\u015bcia do element\u00f3w i ustawi\u0107 czas trwania efekt\u00f3w.<\/p>\n\n\n\n<p>Aby uzyska\u0107 wi\u0119cej informacji na temat obszaru osi czasu, zobacz: <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=\"panel animacji i osi czasu\" 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>Terminy zwi\u0105zane z artyku\u0142ami:<\/strong><br>o\u015b czasu, animacja, elementy, zarz\u0105dzanie, zap\u0119tlanie, odtwarzanie, g\u0142owica, linijka osi czasu, warstwy, efekty, edycja, kolejno\u015b\u0107, ruch, czas animacji, czas trwania animacji<\/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":"13356","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/pl\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Animation and Timeline","term_url":"https:\/\/cms.flippagemaker.com\/pl\/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=\"pl_PL\" \/>\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\/pl\/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=\"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\/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\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@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\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@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":"pl_PL","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\/pl\/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":{"Est. reading time":"2 minutes"},"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":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@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":"pl-PL"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@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\/pl\/wp-json\/wp\/v2\/docs\/3437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/pl\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/pl\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/pl\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/pl\/wp-json\/wp\/v2\/comments?post=3437"}],"version-history":[{"count":6,"href":"https:\/\/cms.flippagemaker.com\/pl\/wp-json\/wp\/v2\/docs\/3437\/revisions"}],"predecessor-version":[{"id":4672,"href":"https:\/\/cms.flippagemaker.com\/pl\/wp-json\/wp\/v2\/docs\/3437\/revisions\/4672"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/pl\/wp-json\/wp\/v2\/media?parent=3437"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/pl\/wp-json\/wp\/v2\/doc_category?post=3437"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/pl\/wp-json\/wp\/v2\/doc_tag?post=3437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}