[{"data":1,"prerenderedAt":1189},["ShallowReactive",2],{"navigation_docs_en":3,"-en-build-timeline-and-animation":162,"-en-build-timeline-and-animation-surround":1184},[4,26,66,86,117,146],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":25},"Start here","i-lucide-flag","\u002Fen\u002Fstart","en\u002F1.start",[10,15,20],{"title":11,"path":12,"stem":13,"icon":14},"Welcome","\u002Fen\u002Fstart\u002Fwelcome","en\u002F1.start\u002F1.welcome","i-lucide-hand",{"title":16,"path":17,"stem":18,"icon":19},"Your first course","\u002Fen\u002Fstart\u002Ffirst-course","en\u002F1.start\u002F2.first-course","i-lucide-rocket",{"title":21,"path":22,"stem":23,"icon":24},"Editor tour","\u002Fen\u002Fstart\u002Feditor-tour","en\u002F1.start\u002F3.editor-tour","i-lucide-map",false,{"title":27,"icon":28,"path":29,"stem":30,"children":31,"page":25},"Build slides","i-lucide-shapes","\u002Fen\u002Fbuild","en\u002F2.build",[32,37,41,46,51,56,61],{"title":33,"path":34,"stem":35,"icon":36},"Slides, scenes and layouts","\u002Fen\u002Fbuild\u002Fslides-and-scenes","en\u002F2.build\u002F1.slides-and-scenes","i-lucide-presentation",{"title":38,"path":39,"stem":40,"icon":28},"Objects","\u002Fen\u002Fbuild\u002Fobjects","en\u002F2.build\u002F2.objects",{"title":42,"path":43,"stem":44,"icon":45},"Lines and polygons","\u002Fen\u002Fbuild\u002Flines-and-polygons","en\u002F2.build\u002F3.lines-and-polygons","i-lucide-spline",{"title":47,"path":48,"stem":49,"icon":50},"Media","\u002Fen\u002Fbuild\u002Fmedia","en\u002F2.build\u002F4.media","i-lucide-image",{"title":52,"path":53,"stem":54,"icon":55},"Layers","\u002Fen\u002Fbuild\u002Flayers","en\u002F2.build\u002F5.layers","i-lucide-layers-2",{"title":57,"path":58,"stem":59,"icon":60},"Timeline, states and animation","\u002Fen\u002Fbuild\u002Ftimeline-and-animation","en\u002F2.build\u002F6.timeline-and-animation","i-lucide-clapperboard",{"title":62,"path":63,"stem":64,"icon":65},"Design and theme","\u002Fen\u002Fbuild\u002Fdesign-and-theme","en\u002F2.build\u002F7.design-and-theme","i-lucide-palette",{"title":67,"icon":68,"path":69,"stem":70,"children":71,"page":25},"Interactivity","i-lucide-zap","\u002Fen\u002Finteract","en\u002F3.interact",[72,76,81],{"title":73,"path":74,"stem":75,"icon":68},"Triggers and variables","\u002Fen\u002Finteract\u002Ftriggers-and-variables","en\u002F3.interact\u002F1.triggers-and-variables",{"title":77,"path":78,"stem":79,"icon":80},"Trigger recipes","\u002Fen\u002Finteract\u002Ftrigger-recipes","en\u002F3.interact\u002F2.trigger-recipes","i-lucide-chef-hat",{"title":82,"path":83,"stem":84,"icon":85},"Questions and results","\u002Fen\u002Finteract\u002Fquestions-and-results","en\u002F3.interact\u002F3.questions-and-results","i-lucide-list-checks",{"title":87,"icon":88,"path":89,"stem":90,"children":91,"page":25},"Publish and share","i-lucide-package","\u002Fen\u002Fship","en\u002F4.ship",[92,97,102,107,112],{"title":93,"path":94,"stem":95,"icon":96},"Preview and publish","\u002Fen\u002Fship\u002Fpreview-and-export","en\u002F4.ship\u002F1.preview-and-export","i-lucide-play",{"title":98,"path":99,"stem":100,"icon":101},"SCORM and Moodle","\u002Fen\u002Fship\u002Fscorm-and-moodle","en\u002F4.ship\u002F2.scorm-and-moodle","i-lucide-graduation-cap",{"title":103,"path":104,"stem":105,"icon":106},"Imports","\u002Fen\u002Fship\u002Fimports","en\u002F4.ship\u002F3.imports","i-lucide-file-input",{"title":108,"path":109,"stem":110,"icon":111},"Versions and backup","\u002Fen\u002Fship\u002Fversions-and-backup","en\u002F4.ship\u002F4.versions-and-backup","i-lucide-history",{"title":113,"path":114,"stem":115,"icon":116},"Privacy and offline use","\u002Fen\u002Fship\u002Fprivacy-and-offline","en\u002F4.ship\u002F5.privacy-and-offline","i-lucide-shield-check",{"title":118,"icon":119,"path":120,"stem":121,"children":122,"page":25},"Working with AI","i-lucide-sparkles","\u002Fen\u002Fai","en\u002F5.ai",[123,126,131,136,141],{"title":118,"path":124,"stem":125,"icon":119},"\u002Fen\u002Fai\u002Fthree-ways","en\u002F5.ai\u002F1.three-ways",{"title":127,"path":128,"stem":129,"icon":130},"Connect your AI app","\u002Fen\u002Fai\u002Fconnect-your-app","en\u002F5.ai\u002F2.connect-your-app","i-lucide-plug",{"title":132,"path":133,"stem":134,"icon":135},"What the AI can do","\u002Fen\u002Fai\u002Fmcp-tools","en\u002F5.ai\u002F3.mcp-tools","i-lucide-wrench",{"title":137,"path":138,"stem":139,"icon":140},"Prompts that work","\u002Fen\u002Fai\u002Fprompts","en\u002F5.ai\u002F4.prompts","i-lucide-message-square-text",{"title":142,"path":143,"stem":144,"icon":145},"The course script","\u002Fen\u002Fai\u002Fcourse-script","en\u002F5.ai\u002F5.course-script","i-lucide-file-json",{"title":147,"icon":148,"path":149,"stem":150,"children":151,"page":25},"Reference","i-lucide-book-open","\u002Fen\u002Freference","en\u002F6.reference",[152,157],{"title":153,"path":154,"stem":155,"icon":156},"Keyboard shortcuts","\u002Fen\u002Freference\u002Fkeyboard-shortcuts","en\u002F6.reference\u002F1.keyboard-shortcuts","i-lucide-keyboard",{"title":158,"path":159,"stem":160,"icon":161},"Troubleshooting","\u002Fen\u002Freference\u002Ftroubleshooting","en\u002F6.reference\u002F2.troubleshooting","i-lucide-life-buoy",{"id":163,"title":57,"body":164,"description":1177,"extension":1178,"links":1179,"meta":1180,"navigation":1181,"path":58,"seo":1182,"stem":59,"__hash__":1183},"docs_en\u002Fen\u002F2.build\u002F6.timeline-and-animation.md",{"type":165,"value":166,"toc":1150},"minimark",[167,171,194,201,206,254,258,261,372,382,386,431,434,441,542,598,657,661,670,830,834,842,901,905,908,982,1034,1038,1070,1074],[168,169,170],"p",{},"A slide is not just a still picture: it plays for a few seconds, and objects can appear one after another, move or change their look. Three tools control this:",[172,173,174,182,188],"ul",{},[175,176,177,181],"li",{},[178,179,180],"strong",{},"Timeline",": when each object appears and disappears.",[175,183,184,187],{},[178,185,186],{},"States",": other looks of the same object, for example when the mouse is over a button.",[175,189,190,193],{},[178,191,192],{},"Animations",": how an object comes in, goes out, draws attention or moves along a path.",[168,195,196],{},[197,198],"img",{"alt":199,"src":200},"A selected button with its states Normal, Hover, Pressed and Disabled on the right, and the slide's timeline below","\u002Fscreenshots\u002Fen\u002Ftimeline-and-animation-states.png",[202,203,205],"h2",{"id":204},"let-a-text-appear-after-2-seconds-in-3-steps","Let a text appear after 2 seconds in 3 steps",[207,208,209,214,217,221,232,236],"procedure",{},[210,211,213],"h3",{"id":212},"select-the-object","Select the object",[168,215,216],{},"Click the text on the slide. Its row in the timeline below is highlighted.",[210,218,220],{"id":219},"move-its-bar","Move its bar",[168,222,223,224,227,228,231],{},"Drag the gray bar in the timeline to the right until it starts at 2 s. Or open the ",[178,225,226],{},"Animation"," tab on the right and type 2 under ",[178,229,230],{},"Start time",".",[210,233,235],{"id":234},"add-an-entrance","Add an entrance",[168,237,238,239,241,242,245,246,249,250,253],{},"On the ",[178,240,192],{}," tab of the ribbon, click the button under ",[178,243,244],{},"Entrance"," and pick, for example, ",[178,247,248],{},"Fade in",". Click ",[178,251,252],{},"Play"," in the timeline to watch it.",[202,255,257],{"id":256},"the-timeline","The timeline",[168,259,260],{},"Every slide and every layer has its own timeline. Each row is one object; the bar shows when it is visible.",[262,263,264,277],"table",{},[265,266,267],"thead",{},[268,269,270,274],"tr",{},[271,272,273],"th",{},"Element",[271,275,276],{},"What it does",[278,279,280,294,302,315,323,335,348,356,364],"tbody",{},[268,281,282,291],{},[283,284,285,287,288],"td",{},[178,286,252],{}," and ",[178,289,290],{},"Go to start",[283,292,293],{},"Play the slide in the editor, or jump back to 0 seconds.",[268,295,296,299],{},[283,297,298],{},"Time display",[283,300,301],{},"Current time and total length, for example 0.00 s \u002F 5.00 s.",[268,303,304,309],{},[283,305,306],{},[178,307,308],{},"Cue point",[283,310,311,312,231],{},"Sets a marker at the current time. Drag it to move it; you can also rename it. Triggers can react to it with the event ",[178,313,314],{},"Timeline reaches",[268,316,317,320],{},[283,318,319],{},"Bar of an object",[283,321,322],{},"Drag it to move it in time. Drag its left or right edge to change start or end.",[268,324,325,328],{},[283,326,327],{},"End of the timeline",[283,329,330,331,334],{},"Drag it to make the slide longer or shorter. ",[178,332,333],{},"Fit duration"," fits the time axis to the window.",[268,336,337,340],{},[283,338,339],{},"Zoom buttons",[283,341,342,343,347],{},"Make the time axis larger or smaller. You can also hold ",[344,345],"key-combo",{"keys":346},"Ctrl"," and scroll.",[268,349,350,353],{},[283,351,352],{},"Row order",[283,354,355],{},"The top row is in front. Drag a row by its name up or down to change the order, or onto another layer. On a tablet, press and hold the row briefly, then drag.",[268,357,358,361],{},[283,359,360],{},"Eye",[283,362,363],{},"Hides the object in the editor while you work.",[268,365,366,369],{},[283,367,368],{},"Lock",[283,370,371],{},"Locks the object so it can't be moved by accident.",[373,374,377,378,381],"hint-box",{"kind":375,"title":376},"tip","Why are some objects pale?","At the current time of the timeline, these objects are not visible yet (or anymore). The editor shows them faded so you can still work on them. Switch off ",[178,379,380],{},"Respect timeline position"," in the bar below the slide to see everything at full strength.",[202,383,385],{"id":384},"timing-in-the-animation-tab","Timing in the Animation tab",[262,387,388,397],{},[265,389,390],{},[268,391,392,395],{},[271,393,394],{},"Setting",[271,396,276],{},[278,398,399,411,421],{},[268,400,401,408],{},[283,402,403,287,405],{},[178,404,230],{},[178,406,407],{},"End time",[283,409,410],{},"The same as dragging the bar, but in exact seconds.",[268,412,413,418],{},[283,414,415],{},[178,416,417],{},"Show until end of slide",[283,419,420],{},"The object stays visible until the slide is over.",[268,422,423,428],{},[283,424,425],{},[178,426,427],{},"Always show",[283,429,430],{},"The object stays visible even if you make the slide longer later.",[202,432,186],{"id":433},"states",[168,435,436,437,440],{},"A ",[178,438,439],{},"state"," is another look of the same object. The player switches between built-in states by itself.",[262,442,443,453],{},[265,444,445],{},[268,446,447,450],{},[271,448,449],{},"State",[271,451,452],{},"When learners see it",[278,454,455,465,475,485,495,505,515,525],{},[268,456,457,462],{},[283,458,459],{},[178,460,461],{},"Normal",[283,463,464],{},"The usual look.",[268,466,467,472],{},[283,468,469],{},[178,470,471],{},"Hover",[283,473,474],{},"While the mouse is over the object.",[268,476,477,482],{},[283,478,479],{},[178,480,481],{},"Pressed",[283,483,484],{},"While the object is being clicked.",[268,486,487,492],{},[283,488,489],{},[178,490,491],{},"Selected",[283,493,494],{},"After a click on a selectable object, for example in a button set.",[268,496,497,502],{},[283,498,499],{},[178,500,501],{},"Visited",[283,503,504],{},"After the object was clicked once.",[268,506,507,512],{},[283,508,509],{},[178,510,511],{},"Disabled",[283,513,514],{},"The object can't be clicked.",[268,516,517,522],{},[283,518,519],{},[178,520,521],{},"Hidden",[283,523,524],{},"The object is invisible.",[268,526,527,539],{},[283,528,529,532,533,532,536],{},[178,530,531],{},"Drag over",", ",[178,534,535],{},"Drop correct",[178,537,538],{},"Drop incorrect",[283,540,541],{},"During drag and drop tasks.",[207,543,544,548,569,573,584,588],{},[210,545,547],{"id":546},"open-the-states-tab","Open the States tab",[168,549,550,551,553,554,556,557,560,561,564,565,568],{},"Select the object and open the ",[178,552,186],{}," tab on the right. If it only has ",[178,555,461],{},", click ",[178,558,559],{},"Add Hover"," or ",[178,562,563],{},"Add Selected",", or use ",[178,566,567],{},"New"," for any state.",[210,570,572],{"id":571},"pick-a-state-and-change-it","Pick a state and change it",[168,574,575,576,579,580,583],{},"Click the state in the list. The editor shows ",[178,577,578],{},"Editing state"," above the slide. Change colors, text or picture in the ",[178,581,582],{},"Format"," tab. Only what differs from Normal is saved.",[210,585,587],{"id":586},"finish","Finish",[168,589,590,591,560,594,597],{},"Click ",[178,592,593],{},"Done",[178,595,596],{},"Back to Normal",". The list shows how many changes (\"overrides\") each state has.",[262,599,600,608],{},[265,601,602],{},[268,603,604,606],{},[271,605,273],{},[271,607,276],{},[278,609,610,626,634,647],{},[268,611,612,616],{},[283,613,614],{},[178,615,567],{},[283,617,618,619,622,623,231],{},"Adds a built-in state or a ",[178,620,621],{},"Custom state..."," with any name. Switch to custom states with the trigger action ",[178,624,625],{},"Change state",[268,627,628,631],{},[283,629,630],{},"State menu",[283,632,633],{},"Rename, duplicate or delete a state.",[268,635,636,641],{},[283,637,638],{},[178,639,640],{},"Initial state",[283,642,643,644,646],{},"The state the object has when the slide loads, for example ",[178,645,511],{}," for a button that should only work later.",[268,648,649,654],{},[283,650,651],{},[178,652,653],{},"Reset style",[283,655,656],{},"Removes this state's own colors, so it looks like Normal again.",[202,658,660],{"id":659},"entrance-and-exit","Entrance and exit",[168,662,663,664,666,667,669],{},"Select one or more objects and use the ",[178,665,192],{}," tab of the ribbon or the ",[178,668,226],{}," tab on the right.",[262,671,672,680],{},[265,673,674],{},[268,675,676,678],{},[271,677,394],{},[271,679,276],{},[278,681,682,738,760,773,781,811],{},[268,683,684,688],{},[283,685,686],{},[178,687,244],{},[283,689,690,691,532,693,532,696,532,699,532,702,532,705,532,708,532,711,532,714,532,717,532,720,532,723,532,726,532,729,532,732,560,735,231],{},"How the object appears: ",[178,692,248],{},[178,694,695],{},"Fly in",[178,697,698],{},"Float",[178,700,701],{},"Grow",[178,703,704],{},"Shrink",[178,706,707],{},"Zoom",[178,709,710],{},"Spin",[178,712,713],{},"Wipe",[178,715,716],{},"Split",[178,718,719],{},"Bounce",[178,721,722],{},"Swivel",[178,724,725],{},"Spin and grow",[178,727,728],{},"Grow and spin",[178,730,731],{},"Random bars",[178,733,734],{},"Shape",[178,736,737],{},"Circle",[268,739,740,745],{},[283,741,742],{},[178,743,744],{},"Exit",[283,746,747,748,532,751,532,754,560,757,231],{},"How it disappears, for example ",[178,749,750],{},"Fade out",[178,752,753],{},"Fly out",[178,755,756],{},"Enlarge",[178,758,759],{},"Reduce",[268,761,762,767],{},[283,763,764],{},[178,765,766],{},"Direction",[283,768,769,770,231],{},"Where it comes from or goes to, for example ",[178,771,772],{},"From left",[268,774,775,778],{},[283,776,777],{},"Duration",[283,779,780],{},"How long the animation takes.",[268,782,783,788],{},[283,784,785],{},[178,786,787],{},"Easing",[283,789,790,791,532,794,532,797,532,800,532,803,532,806,560,809,231],{},"How the speed changes: ",[178,792,793],{},"Linear",[178,795,796],{},"Accelerate",[178,798,799],{},"Decelerate",[178,801,802],{},"Smooth",[178,804,805],{},"Spring back",[178,807,808],{},"Elastic",[178,810,719],{},[268,812,813,818],{},[283,814,815],{},[178,816,817],{},"Text sequence",[283,819,820,821,532,824,560,827,231],{},"For text: ",[178,822,823],{},"As one object",[178,825,826],{},"By paragraph",[178,828,829],{},"By word",[202,831,833],{"id":832},"emphasis","Emphasis",[168,835,836,837,839,840,669],{},"An ",[178,838,833],{}," draws attention to an object that is already visible. You find it in the ",[178,841,226],{},[262,843,844,852],{},[265,845,846],{},[268,847,848,850],{},[271,849,394],{},[271,851,276],{},[278,853,854,877,887],{},[268,855,856,859],{},[283,857,858],{},"Effect",[283,860,861,532,864,532,867,532,869,532,871,560,874,231],{},[178,862,863],{},"Pulse",[178,865,866],{},"Teeter",[178,868,710],{},[178,870,701],{},[178,872,873],{},"Flash",[178,875,876],{},"Wave",[268,878,879,884],{},[283,880,881],{},[178,882,883],{},"Loop",[283,885,886],{},"How many times it plays in a row.",[268,888,889,894],{},[283,890,891],{},[178,892,893],{},"Play when the timeline starts",[283,895,896,897,900],{},"On: plays by itself. Off: play it with the trigger action ",[178,898,899],{},"Play emphasis",", for example when learners haven't clicked for a while.",[202,902,904],{"id":903},"motion-paths","Motion paths",[168,906,907],{},"A motion path moves an object along a line, for example a car across a street.",[207,909,910,914,948,952,955,959,965,969],{},[210,911,913],{"id":912},"add-a-path","Add a path",[168,915,916,917,921,922,532,925,532,928,532,931,532,934,532,937,532,940,532,942,560,945,231],{},"Select one object and click ",[918,919],"ui-path",{"path":920},"Animations > Add path",". Pick a preset: ",[178,923,924],{},"Line to the right",[178,926,927],{},"Line to the left",[178,929,930],{},"Line up",[178,932,933],{},"Line down",[178,935,936],{},"Diagonal",[178,938,939],{},"Arc",[178,941,737],{},[178,943,944],{},"Zigzag",[178,946,947],{},"Custom",[210,949,951],{"id":950},"shape-the-path","Shape the path",[168,953,954],{},"Drag the path points on the slide. Click between two points to add one, double-click a point to remove it.",[210,956,958],{"id":957},"set-the-details","Set the details",[168,960,961,962,964],{},"In the ",[178,963,226],{}," tab choose duration, easing and the options below.",[210,966,968],{"id":967},"decide-how-it-starts","Decide how it starts",[168,970,971,972,975,976,978,979,231],{},"Switch on ",[178,973,974],{},"Start automatically"," and set a ",[178,977,230],{},". Or leave it off and start the path with the trigger action ",[178,980,981],{},"Start motion path",[262,983,984,992],{},[265,985,986],{},[268,987,988,990],{},[271,989,394],{},[271,991,276],{},[278,993,994,1004,1014,1024],{},[268,995,996,1001],{},[283,997,998],{},[178,999,1000],{},"Smoothed",[283,1002,1003],{},"Rounds the corners of the path into curves.",[268,1005,1006,1011],{},[283,1007,1008],{},[178,1009,1010],{},"Closed",[283,1012,1013],{},"The path returns to its start, for example for a circle.",[268,1015,1016,1021],{},[283,1017,1018],{},[178,1019,1020],{},"Relative start",[283,1022,1023],{},"The path starts wherever the object currently is.",[268,1025,1026,1031],{},[283,1027,1028],{},[178,1029,1030],{},"Orient to path",[283,1032,1033],{},"The object turns in the direction it moves.",[202,1035,1037],{"id":1036},"slide-and-layer-transitions","Slide and layer transitions",[168,1039,1040,1041,1044,1045,1047,1048,532,1051,532,1054,532,1057,532,1060,560,1062,1065,1066,1069],{},"Under ",[178,1042,1043],{},"Slide transition"," on the ",[178,1046,192],{}," tab you choose how the slide appears: ",[178,1049,1050],{},"None",[178,1052,1053],{},"Fade",[178,1055,1056],{},"Push",[178,1058,1059],{},"Cover",[178,1061,707],{},[178,1063,1064],{},"Dissolve",", with direction and duration. Pick a layer in the bar above the slide to set the transition of that layer instead. ",[178,1067,1068],{},"Apply to all"," copies it to all slides (or all layers of the slide).",[202,1071,1073],{"id":1072},"if-something-doesnt-work","If something doesn't work",[262,1075,1076,1086],{},[265,1077,1078],{},[268,1079,1080,1083],{},[271,1081,1082],{},"Problem",[271,1084,1085],{},"What to do",[278,1087,1088,1104,1115,1126,1140],{},[268,1089,1090,1093],{},[283,1091,1092],{},"An object never appears in the preview",[283,1094,1095,1096,1099,1100,1103],{},"Its bar starts after the end of the slide, or it is set to ",[178,1097,1098],{},"Initially hidden",". Check the timeline and the ",[178,1101,1102],{},"Accessibility"," section.",[268,1105,1106,1109],{},[283,1107,1108],{},"The animation doesn't play",[283,1110,1111,1112,1114],{},"Play the slide in the preview. In the editor, use ",[178,1113,252],{}," in the timeline.",[268,1116,1117,1123],{},[283,1118,1119,1122],{},[178,1120,1121],{},"Add path"," is greyed out or shows a note",[283,1124,1125],{},"Motion paths are edited for one object at a time. Select just one object.",[268,1127,1128,1131],{},[283,1129,1130],{},"My hover look doesn't show",[283,1132,1133,1134,1136,1137,1139],{},"The object has no ",[178,1135,471],{}," state yet. Add it in the ",[178,1138,186],{}," tab.",[268,1141,1142,1145],{},[283,1143,1144],{},"The slide is too short for my animation",[283,1146,1147,1148,231],{},"Drag the end of the timeline to the right, or raise the slide's ",[178,1149,777],{},{"title":1151,"searchDepth":1152,"depth":1152,"links":1153},"",2,[1154,1160,1161,1162,1167,1168,1169,1175,1176],{"id":204,"depth":1152,"text":205,"children":1155},[1156,1158,1159],{"id":212,"depth":1157,"text":213},3,{"id":219,"depth":1157,"text":220},{"id":234,"depth":1157,"text":235},{"id":256,"depth":1152,"text":257},{"id":384,"depth":1152,"text":385},{"id":433,"depth":1152,"text":186,"children":1163},[1164,1165,1166],{"id":546,"depth":1157,"text":547},{"id":571,"depth":1157,"text":572},{"id":586,"depth":1157,"text":587},{"id":659,"depth":1152,"text":660},{"id":832,"depth":1152,"text":833},{"id":903,"depth":1152,"text":904,"children":1170},[1171,1172,1173,1174],{"id":912,"depth":1157,"text":913},{"id":950,"depth":1157,"text":951},{"id":957,"depth":1157,"text":958},{"id":967,"depth":1157,"text":968},{"id":1036,"depth":1152,"text":1037},{"id":1072,"depth":1152,"text":1073},"Decide when objects appear, give objects different looks with states, and add entrance, exit, emphasis and motion path animations.","md",null,{},{"icon":60},{"title":57,"description":1177},"B_7zywVkv-ae1ZoJ17GrHPsFilVlMcf2KK-WkQXzfgQ",[1185,1187],{"title":52,"path":53,"stem":54,"description":1186,"icon":55,"children":-1},"Put pop-ups, hints and feedback on top of a slide without leaving it, and set how each layer behaves.",{"title":62,"path":63,"stem":64,"description":1188,"icon":65,"children":-1},"Set colors, fonts and rounding for the whole course, choose a design template, set up the course player and the course properties.",1793209471853]